/* Скрининг — ежедневный контроль качества данных по клиентам. Поверх styles.css. */
#screen-screening{gap:12px}

/* период */
#screen-screening .scr-period{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#screen-screening .scr-own{display:inline-flex;align-items:center;gap:8px}
#screen-screening .scr-own[hidden]{display:none}
#screen-screening .scr-own input{font-family:inherit;font-size:12.5px;padding:5px 9px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text)}
#screen-screening .scr-own .dash{color:var(--muted)}

/* строка-итог таблицы */
#screen-screening .scr-total>td{border-top:2px solid var(--border-strong);background:var(--surface-2);font-weight:600}
#screen-screening .scr-total .name{font-weight:700}

/* счётчики (конкретные числа) */
#screen-screening .scr-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 17px}
#screen-screening .scr-stat .l{font-size:11.5px;color:var(--muted);font-weight:500}
#screen-screening .scr-stat .v{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:5px}
#screen-screening .scr-stat .f{font-size:11px;color:var(--faint);margin-top:3px}

/* таблица «Замеры по клиентам» */
#screen-screening #scr-board tbody tr.row{cursor:pointer;transition:background .12s}
#screen-screening #scr-board tbody tr.row:hover>td{background:var(--surface-2)}
#screen-screening #scr-board tbody tr.is-active>td{background:var(--accent-soft)}
#screen-screening .scr-days{display:flex;gap:3px}
#screen-screening .scr-day{width:16px;height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--surface-3);color:var(--faint)}
#screen-screening .scr-day.c-green{background:var(--success-soft);color:var(--success)}
#screen-screening .scr-day.c-amber{background:var(--warn-soft);color:var(--warn)}
#screen-screening .scr-day.c-red{background:var(--danger-soft);color:var(--danger)}

/* лента «Требует внимания» — со скроллом внутри */
#screen-screening .ph{padding:10px 16px}
#screen-screening #scr-feed{max-height:30vh;overflow-y:auto}
#screen-screening .alert{align-items:center;padding:9px 16px;cursor:pointer}
#screen-screening .alert:hover{background:var(--surface-2)}
#screen-screening .alert .t{flex:1;min-width:0;font-size:12.5px}
#screen-screening .scr-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--faint);margin-top:2px}
#screen-screening .scr-acts{margin-left:auto;flex-shrink:0;padding-left:12px}
#screen-screening .scr-btn{font-family:inherit;font-size:12px;font-weight:600;padding:5px 13px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s;min-height:30px;white-space:nowrap}
#screen-screening .scr-btn:hover{background:var(--surface-2);color:var(--text)}
#screen-screening .scr-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}

/* модалка детализации сигнала (живёт в body) */
.scr-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.scr-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-lg);width:560px;max-width:100%;max-height:88vh;overflow-y:auto}
.scr-mh{display:flex;align-items:flex-start;gap:11px;padding:17px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}
.scr-mh .ad{margin-top:6px}
.scr-mt{font-size:15px;font-weight:620;letter-spacing:-.01em}
.scr-msub{font-size:12px;color:var(--muted);margin-top:2px}
.scr-mclose{margin-left:auto;background:none;border:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 2px;font-family:inherit}
.scr-mclose:hover{color:var(--text)}
.scr-mshot{padding:16px 20px 0}
.scr-mshot img{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);display:block;cursor:zoom-in}
.scr-zoom{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out}
.scr-zoom img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.scr-mcap{font-size:11px;color:var(--faint);margin-top:7px;text-align:center}
.scr-shot-empty{padding:28px 20px;text-align:center;color:var(--faint);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-sm);font-size:12.5px}
.scr-msec{padding:13px 20px;border-bottom:1px solid var(--border)}
.scr-ml{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600;margin-bottom:6px}
.scr-mtext{font-size:13.5px;line-height:1.5;color:var(--text)}
.scr-action{background:var(--accent-soft)}
.scr-action .scr-ml{color:var(--accent)}
[data-theme="dark"] .scr-action .scr-ml{color:var(--accent-2)}
.scr-nums{display:flex;gap:18px;margin-top:8px;font-size:13px;color:var(--text-2)}
.scr-nums b{font-weight:700;color:var(--text)}
.scr-where{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--text)}
.scr-loc{background:var(--accent-soft);border:1px solid transparent;border-radius:8px;padding:7px 13px;color:var(--accent)}
[data-theme="dark"] .scr-loc{color:var(--accent-2)}
.scr-loc b{font-weight:650}
.scr-arrow{color:var(--faint);font-weight:700}
.scr-mfacts{display:flex;flex-wrap:wrap;gap:8px;padding:13px 20px;border-bottom:1px solid var(--border)}
.scr-fact{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px 11px;font-size:12px;color:var(--text-2)}
.scr-fact b{font-weight:600;color:var(--text)}
.scr-mfoot{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}