/* ColFilter — С38: фильтры столбцов «как в МПСтат». Единый стиль сайта. */
.cf-row th { padding: .15rem .25rem !important; background: #fbfbfd; border-bottom: 1px solid #e7e8ef; }
.cf-box { display: flex; align-items: center; gap: 2px; min-width: 56px; }
.cf-in { flex: 1 1 auto; width: 100%; min-width: 34px; box-sizing: border-box;
         padding: .18rem .3rem; font-size: .75rem; border: 1px solid #d8dbe4;
         border-radius: 5px; background: #fff; color: #333; }
.cf-in:focus { outline: none; border-color: #667eea; }
.cf-funnel { flex: 0 0 auto; border: none; background: none; cursor: pointer;
             color: #b9bdcc; padding: 2px 3px; border-radius: 4px; line-height: 0; }
.cf-funnel:hover { color: #667eea; background: #eef0fb; }
/* С38 — быстрая очистка поля: крестик у правого края, виден только при вводе */
.cf-box { position: relative; }
.cf-box.cf-hasval .cf-in { padding-right: 15px; }
.cf-clear { display: none; position: absolute; right: 19px; top: 50%;
            transform: translateY(-50%); border: none; background: none;
            cursor: pointer; color: #99a; font-size: .95rem; line-height: 1;
            padding: 0 2px; }
.cf-box.cf-hasval .cf-clear { display: block; }
.cf-clear:hover { color: #c0392b; }
.cf-box.cf-active .cf-in { border-color: #667eea; background: #eef2ff; }
.cf-box.cf-active .cf-funnel { color: #3b5bdb; }
.cf-pop { position: absolute; z-index: 1000; background: #fff; border: 1px solid #d8dbe4;
          border-radius: 8px; box-shadow: 0 6px 24px rgba(40,40,80,.18);
          padding: .55rem; display: flex; flex-direction: column; gap: .4rem; width: 185px; }
.cf-pop select, .cf-pop input { box-sizing: border-box; width: 100%; padding: .28rem .4rem;
          font-size: .8rem; border: 1px solid #d8dbe4; border-radius: 5px; background: #fff; }
.cf-pop input:focus, .cf-pop select:focus { outline: none; border-color: #667eea; }
.cf-pop-btns { display: flex; gap: .4rem; justify-content: space-between; }
.cf-pop-btns button { flex: 1; padding: .28rem .5rem; font-size: .78rem; cursor: pointer;
          border: 1px solid #d8dbe4; border-radius: 5px; background: #f6f7fa; color: #444; }
.cf-pop-btns button:hover { background: #eceef5; }
.cf-pop-btns .cf-primary { background: #667eea; border-color: #667eea; color: #fff; }
.cf-pop-btns .cf-primary:hover { background: #5a6fd8; }