/* webcheck panel — дизайн-система (teal, dark/light, адаптив) */
:root{
  --bg:#eef1f5; --surface:#ffffff; --surface-2:#f1f4f8; --surface-3:#e7ecf2;
  --fg:#161b22; --muted:#5a6673; --border:#d8dee6; --border-2:#c6cfd9;
  --accent:#0e7c86; --accent-ink:#0a5d65; --accent-soft:#d7edef;
  --crit:#b3261e; --high:#d14b2a; --med:#b06a00; --low:#2f6f9f; --info:#6b7684; --ok:#1f7a43;
  --crit-bg:#fbe9e7; --high-bg:#fdeee6; --med-bg:#fbf1dd; --low-bg:#e7f0f8; --info-bg:#eceff3; --ok-bg:#e6f4ec;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 4px 16px rgba(16,24,40,.06);
  --radius:14px; --radius-sm:9px;
  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b0f15; --surface:#141a22; --surface-2:#1a212b; --surface-3:#222b36;
  --fg:#e7edf4; --muted:#93a1b0; --border:#2a333f; --border-2:#374250;
  --accent:#46c2cc; --accent-ink:#8fe0e6; --accent-soft:#143037;
  --crit:#f3766b; --high:#f0915f; --med:#e2a93b; --low:#6fb0dd; --info:#93a1b0; --ok:#5fcd86;
  --crit-bg:#2a1816; --high-bg:#271a13; --med-bg:#271f10; --low-bg:#122331; --info-bg:#1b222c; --ok-bg:#132619;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.35);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0b0f15; --surface:#141a22; --surface-2:#1a212b; --surface-3:#222b36;
  --fg:#e7edf4; --muted:#93a1b0; --border:#2a333f; --border-2:#374250;
  --accent:#46c2cc; --accent-ink:#8fe0e6; --accent-soft:#143037;
  --crit:#f3766b; --high:#f0915f; --med:#e2a93b; --low:#6fb0dd; --info:#93a1b0; --ok:#5fcd86;
  --crit-bg:#2a1816; --high-bg:#271a13; --med-bg:#271f10; --low-bg:#122331; --info-bg:#1b222c; --ok-bg:#132619;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.35);
  color-scheme:dark;
}

*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;
  -webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.hidden{display:none!important}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}
h2{font-size:.95rem}
a{color:var(--accent-ink)}
button{font-family:inherit;cursor:pointer}
.muted{color:var(--muted)}
code,.mono{font-family:var(--mono)}

/* --- brand --- */
.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:1.05rem;letter-spacing:-.02em}
.brand b{font-weight:400;color:var(--muted)}
.brand .logo{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.6}
.brand-lg{font-size:1.5rem;justify-content:center}
.brand-lg .logo{width:34px;height:34px}

/* --- кнопки --- */
.primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);
  padding:.7em 1.1em;font-weight:600;font-size:.92rem;transition:filter .15s,transform .05s}
.primary:hover{filter:brightness(1.07)} .primary:active{transform:translateY(1px)}
.primary:disabled{opacity:.5;cursor:not-allowed}
.block{display:block;width:100%}
.ghost{background:transparent;color:var(--fg);border:1px solid var(--border-2);border-radius:var(--radius-sm);
  padding:.5em .9em;font-size:.86rem;font-weight:500}
.ghost:hover{background:var(--surface-2)}
.icon-btn{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);
  width:34px;height:34px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}
.icon-btn:hover{background:var(--surface-2);color:var(--fg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* --- вход --- */
.login{min-height:100%;display:grid;place-items:center;padding:24px}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:34px 30px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}
.login-sub{margin:0 0 6px;text-align:center;color:var(--muted);font-size:.88rem}
.login-card input{padding:.8em 1em;border:1px solid var(--border-2);border-radius:var(--radius-sm);
  background:var(--surface-2);color:var(--fg);font-size:1rem}
.login-card .err{color:var(--crit);font-size:.85rem;min-height:1.1em;text-align:center}

/* --- topbar --- */
.topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:20;display:flex;align-items:center;
  justify-content:space-between;gap:12px;padding:12px 18px;background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.topbar .actions{display:flex;gap:8px;align-items:center}

/* --- layout --- */
.layout{max-width:1240px;margin:0 auto;padding:18px;display:grid;gap:18px;
  grid-template-columns:340px 1fr;align-items:start}
.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:76px}
@media (max-width:900px){
  .layout{grid-template-columns:1fr;padding:14px}
  .sidebar{position:static}
}

/* --- cards --- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:16px}
.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.card h2{margin-bottom:10px}
.card-head h2{margin:0}
textarea{width:100%;resize:vertical;min-height:110px;padding:.7em .8em;border:1px solid var(--border-2);
  border-radius:var(--radius-sm);background:var(--surface-2);color:var(--fg);font-family:var(--mono);font-size:.86rem}
.opts{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.hint{font-size:.76rem;color:var(--muted);margin:10px 0 0}

/* --- switch --- */
.switch{display:flex;align-items:center;gap:9px;font-size:.86rem;cursor:pointer;user-select:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch .track{width:36px;height:20px;border-radius:999px;background:var(--border-2);position:relative;transition:background .15s;flex:none}
.switch .track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.switch input:checked+.track{background:var(--accent)}
.switch input:checked+.track::after{transform:translateX(16px)}
.switch.danger input:checked+.track{background:var(--crit)}
.warn-note{font-size:.76rem;color:var(--crit);background:var(--crit-bg);border:1px solid color-mix(in srgb,var(--crit) 30%,transparent);border-radius:9px;padding:9px 11px;margin:10px 0 0}

/* --- история --- */
.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow:auto}
.history li.item{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;cursor:pointer;font-size:.86rem}
.history li.item:hover{background:var(--surface-2)}
.history li.item.active{background:var(--accent-soft)}
.history .tgt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history .muted{padding:8px}
.dot{width:8px;height:8px;border-radius:50%;flex:none}
.dot.queued{background:var(--muted)} .dot.running{background:var(--accent);animation:pulse 1s infinite}
.dot.done{background:var(--ok)} .dot.error{background:var(--crit)}
@keyframes pulse{50%{opacity:.35}}

/* --- results --- */
.results{display:flex;flex-direction:column;gap:16px;min-width:0}
.empty{text-align:center;color:var(--muted);padding:70px 20px;border:1.5px dashed var(--border-2);border-radius:var(--radius)}
.empty-ic{width:46px;height:46px;fill:none;stroke:var(--border-2);stroke-width:1.4;margin-bottom:10px}
.empty h3{color:var(--fg);margin-bottom:6px}

.scan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.scan-head{display:flex;align-items:center;gap:12px;padding:15px 16px;flex-wrap:wrap}
.scan-head .sev-stripe{width:4px;align-self:stretch;border-radius:4px;flex:none}
.scan-title{flex:1;min-width:0}
.scan-title .tgt{font-weight:600;font-size:1rem;word-break:break-all}
.scan-title .meta{font-size:.76rem;color:var(--muted);margin-top:2px}
.scan-head .status-chip{font-size:.75rem;font-family:var(--mono)}

.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;font-family:var(--mono);
  padding:.25em .6em;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.chip.crit{background:var(--crit-bg);color:var(--crit)} .chip.high{background:var(--high-bg);color:var(--high)}
.chip.med{background:var(--med-bg);color:var(--med)} .chip.low{background:var(--low-bg);color:var(--low)}
.chip.info{background:var(--info-bg);color:var(--info)} .chip.ok{background:var(--ok-bg);color:var(--ok)}
.chip.kev{background:var(--crit-bg);color:var(--crit);border-color:color-mix(in srgb,var(--crit) 35%,transparent)}
.chip.neutral{background:var(--surface-3);color:var(--muted)}

details.sec{border-top:1px solid var(--border)}
details.sec>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;
  gap:10px;font-weight:600;font-size:.88rem}
details.sec>summary>span:first-child{flex:1;min-width:0}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::after{content:"▸";color:var(--muted);transition:transform .15s}
details.sec[open]>summary::after{transform:rotate(90deg)}
details.sec>summary .count{font-family:var(--mono);font-size:.76rem;color:var(--muted);font-weight:500}
.sec-body{padding:4px 16px 16px}

/* находки поверхности */
.finding{display:flex;gap:11px;padding:10px 0;border-top:1px dashed var(--border)}
.finding:first-child{border-top:none}
.finding .sev{flex:none;font-size:.68rem;font-weight:700;font-family:var(--mono);padding:.2em .5em;border-radius:6px;height:fit-content}
.finding .ftitle{font-weight:600;font-size:.9rem}
.finding .fdetail{font-size:.84rem;color:var(--muted);margin-top:2px}
.finding .frec{font-size:.82rem;margin-top:5px}
.finding .frec b{color:var(--accent-ink)}

/* таблица CVE */
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}
table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:520px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  background:var(--surface-2);position:sticky;top:0}
tr:last-child td{border-bottom:none}
tr.kevrow{background:var(--crit-bg)}
td.cve{font-family:var(--mono);font-weight:600;white-space:nowrap}
.tag{font-family:var(--mono);font-size:.68rem;padding:.1em .45em;border-radius:5px;background:var(--surface-3);color:var(--muted)}
.tag.confirmed{background:var(--ok-bg);color:var(--ok)}
.tag.cand{background:var(--med-bg);color:var(--med)}
.num{font-variant-numeric:tabular-nums}

/* fingerprint grid */
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kv .k{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--mono)}
.kv .v{font-weight:500;font-size:.88rem;margin-top:2px;word-break:break-word}
.pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}

.rowbtns{display:flex;gap:8px;padding:0 16px 16px;flex-wrap:wrap}
.spinner{width:15px;height:15px;border:2px solid var(--border-2);border-top-color:var(--accent);
  border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(140%);
  background:var(--fg);color:var(--bg);padding:.7em 1.1em;border-radius:10px;font-size:.86rem;
  box-shadow:var(--shadow);transition:transform .25s;z-index:50;max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.err{background:var(--crit);color:#fff}

/* чат с моделью */
.chat-modal{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.chat-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);width:100%;max-width:760px;height:min(82vh,740px);display:flex;flex-direction:column;overflow:hidden}
.chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}
.chat-models{display:flex;gap:6px}
.model-pick{font-family:var(--mono);font-size:.74rem;font-weight:600;border:1px solid var(--border-2);background:var(--surface);color:var(--muted);border-radius:999px;padding:.3em .8em;cursor:pointer}
.model-pick.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.chat-target{flex:1;min-width:60px;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:.9rem;white-space:pre-wrap;word-break:break-word;line-height:1.55}
.msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.msg.bot{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}
.msg.bot .who{font-family:var(--mono);font-size:.67rem;color:var(--accent-ink);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.msg.sys{align-self:center;background:transparent;color:var(--muted);font-size:.8rem;text-align:center;max-width:100%}
.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);align-items:flex-end}
.chat-input textarea{flex:1;resize:none;max-height:130px;padding:.6em .8em;border:1px solid var(--border-2);border-radius:12px;background:var(--surface-2);color:var(--fg);font-family:var(--font);font-size:.9rem;min-width:0}
.chat-input .primary{border-radius:12px;padding:.55em .85em;flex:none;font-size:1.1rem;line-height:1}
.typing{align-self:flex-start;color:var(--muted);font-size:.85rem;display:inline-flex;gap:5px;align-items:center}
.msg.bot .md-h{display:block;margin:.5em 0 .2em;font-size:.95rem}
.msg.bot .md-pre{background:var(--code-bg,#0f1720);color:var(--code-fg,#dde6f0);border-radius:8px;padding:10px 12px;margin:6px 0;overflow-x:auto;font-family:var(--mono);font-size:.8rem;white-space:pre}
.msg.bot code{font-family:var(--mono);font-size:.84em;background:var(--surface-3);padding:.08em .35em;border-radius:4px}
@media (max-width:600px){.chat-box{height:92vh;max-width:100%}}

/* ===================== UI v2: вкладки, дашборд, прогресс, отчёт ===================== */

/* базовый бейдж severity/пентест (работает и вне .finding — в вердикте/топе) */
.sev{display:inline-flex;align-items:center;flex:none;font-size:.68rem;font-weight:700;font-family:var(--mono);padding:.2em .5em;border-radius:6px;height:fit-content}
.pchip{font-family:var(--mono);font-size:.68rem;font-weight:700;padding:.12em .48em;border-radius:5px;white-space:nowrap}
.pchip.crit{background:var(--crit-bg);color:var(--crit)} .pchip.high{background:var(--high-bg);color:var(--high)}
.pchip.med{background:var(--med-bg);color:var(--med)} .pchip.low{background:var(--low-bg);color:var(--low)} .pchip.info{background:var(--info-bg);color:var(--info)}

/* --- вкладки --- */
.tabbar{display:flex;gap:2px;padding:0 8px;border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:thin;background:var(--surface-2)}
.tabbar::-webkit-scrollbar{height:0}
.tab{position:relative;white-space:nowrap;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:600;font-size:.84rem;padding:11px 12px;display:inline-flex;align-items:center;gap:6px}
.tab:hover{color:var(--fg)}
.tab.active{color:var(--accent-ink);border-bottom-color:var(--accent)}
.tabc{font-family:var(--mono);font-size:.7rem;background:var(--surface-3);color:var(--muted);border-radius:999px;padding:.05em .45em}
.tab.active .tabc{background:var(--accent-soft);color:var(--accent-ink)}
.tdot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite}
.tabpanel{padding:14px 16px 6px}

/* --- вердикт --- */
.verdict{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.v-chip{font-family:var(--mono);font-weight:700;font-size:.8rem;padding:.3em .7em;border-radius:8px}
.v-chip.crit{background:var(--crit-bg);color:var(--crit)} .v-chip.high{background:var(--high-bg);color:var(--high)}
.v-chip.med{background:var(--med-bg);color:var(--med)} .v-chip.low{background:var(--low-bg);color:var(--low)} .v-chip.info{background:var(--info-bg);color:var(--info)}
.v-sub{color:var(--muted);font-size:.82rem;word-break:break-all}

/* --- дашборд/инфографика --- */
.dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:6px}
.dash-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}
.dash-h{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--mono);margin-bottom:8px}
.dash-card.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.chart-donut{width:92px;height:92px;display:block;margin:2px auto}
.donut-num{font-family:var(--mono);font-weight:700;font-size:9px;fill:var(--fg)}
.legend{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px;justify-content:center}
.legend .lg{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--muted)}
.legend .lg i{width:8px;height:8px;border-radius:2px;display:inline-block}
.chart-bars{display:flex;flex-direction:column;gap:7px;padding-top:4px}
.bar-row{display:flex;align-items:center;gap:8px;font-size:.78rem}
.bar-lbl{width:40px;color:var(--muted);flex:none}
.bar-track{flex:1;height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}
.bar-fill{display:block;height:100%;border-radius:999px;min-width:2px;transition:width .3s}
.bar-val{width:22px;text-align:right;color:var(--muted);flex:none}
.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 8px;text-align:center}
.stat-tile.tone-high{border-color:color-mix(in srgb,var(--high) 42%,transparent)}
.stat-tile.tone-crit{border-color:color-mix(in srgb,var(--crit) 48%,transparent)}
.stat-v{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15}
.stat-v.gr{font-size:1rem}
.stat-l{font-size:.66rem;color:var(--muted);margin-top:2px}
.grade-ring{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:3px solid;border-radius:50%;font-weight:700;font-size:1.15rem;font-family:var(--mono)}

/* --- прогресс-чеклист --- */
.prog{display:flex;flex-direction:column;gap:3px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}
.prow{display:flex;align-items:center;gap:9px;font-size:.84rem;padding:3px 0;color:var(--muted)}
.prow.done{color:var(--fg)} .prow.running{color:var(--accent-ink);font-weight:600}
.prow .pico{width:16px;text-align:center;flex:none;font-weight:700}
.pico.done{color:var(--ok)} .pico.pend{color:var(--border-2)}
.prow .plbl{flex:1;min-width:0}
.pcount{font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.pdur{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-left:8px;font-variant-numeric:tabular-nums}
.prog .spinner{width:14px;height:14px}
/* --- тайминги по тирам (обзор + отчёт) --- */
.timings{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.tm-row{display:flex;align-items:center;gap:9px;font-size:.8rem}
.tm-l{flex:0 0 40%;min-width:0;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-bar{flex:1;height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden}
.tm-bar>i{display:block;height:100%;background:var(--accent);border-radius:4px}
.tm-v{flex:0 0 auto;min-width:48px;text-align:right;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums}
/* --- диагностика прогона (проблемы/предупреждения) --- */
.diag{margin:0 0 14px;border:1px solid color-mix(in srgb,var(--high) 30%,transparent);border-left:3px solid var(--high);border-radius:var(--radius-sm);background:var(--high-bg);padding:10px 12px}
.diag-h{font-size:.82rem;font-weight:700;color:var(--high);margin-bottom:7px}
.diag-row{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;padding:3px 0;border-top:1px solid color-mix(in srgb,var(--high) 12%,transparent)}
.diag-row:first-of-type{border-top:none}
.diag-row.error{color:var(--crit)}
.diag-ic{flex:none;width:14px;text-align:center;font-weight:700}
.diag-tier{flex:none;font-family:var(--mono);font-size:.68rem;color:var(--muted);min-width:66px;text-transform:uppercase;letter-spacing:.04em;padding-top:1px}
.diag-msg{flex:1;min-width:0;color:var(--fg);word-break:break-word}
.chip.warn{background:var(--high-bg);color:var(--high)}

/* --- обзор: топ-находки, отпечаток --- */
.ov-sec{margin-top:16px}
.ov-h{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--mono);margin-bottom:8px}
.toprow{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed var(--border)}
.toprow:first-of-type{border-top:none}
.topttl{flex:1;min-width:0;font-size:.86rem;font-weight:500}
.topcat{font-family:var(--mono);font-size:.68rem;color:var(--muted);flex:none}

/* --- прочее --- */
.fev{font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-top:3px;word-break:break-all}
.llm-block{margin-top:12px;border-top:1px dashed var(--border);padding-top:8px}
pre.raw{white-space:pre-wrap;word-break:break-word;font-size:.75rem;color:var(--muted);margin:0;font-family:var(--mono)}
.history .hstripe{width:3px;align-self:stretch;border-radius:2px;flex:none;min-height:16px}
.primary.sm{padding:.5em .8em;font-size:.84rem}
.mail-matrix{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.mm-cell{font-family:var(--mono);font-size:.74rem;font-weight:600;padding:.25em .6em;border-radius:7px;border:1px solid transparent}
.mm-cell.ok{background:var(--ok-bg);color:var(--ok)} .mm-cell.no{background:var(--crit-bg);color:var(--crit)}

/* --- страница полного отчёта --- */
.report-view{max-width:980px;margin:0 auto;padding:18px}
.rep-wrap{display:flex;flex-direction:column;gap:18px}
.rep-bar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:10;
  background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);padding:10px 0}
.rep-bar-sp{flex:1}
.rep-head{border-bottom:1px solid var(--border);padding-bottom:14px}
.rep-kicker{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.rep-title{font-size:1.5rem;margin:4px 0;word-break:break-all}
.rep-meta{font-size:.8rem;color:var(--muted);margin-bottom:10px;word-break:break-all}
.rep-dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.rep-sec{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.rep-sec h2{font-size:1.05rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.rep-sub{font-weight:600;font-size:.82rem;margin:14px 0 6px;color:var(--accent-ink)}
.rep-foot{font-size:.76rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;line-height:1.6}
.grade-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}

/* --- печать/PDF --- */
@media print{
  :root{--shadow:none}
  body{background:#fff}
  .topbar,.sidebar,.rep-bar,.rowbtns,.tabbar,.chat-modal,.toast,#login{display:none!important}
  .report-view{max-width:100%;padding:0}
  .rep-sec,.dash-card,.scan{box-shadow:none;break-inside:avoid}
  a[href]{color:inherit;text-decoration:none}
}