/* Сайт детектора в оформлении «Глазомера»: основа — css/base.css портала (токены, шапка, формы, кнопки, таблицы).
   Здесь — немногие добавки для админки и сопоставление экрана анализа детектора (style.css) с палитрой портала. */

/* ---------------------------------------------------------------- добавки */
.checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.checklist li { display: flex; align-items: center; gap: 8px; }
.checklist .ico { width: 16px; height: 16px; flex: none; }
.checklist .is-ok, .adm-status.is-ok { color: var(--ok); }
.checklist .is-bad, .adm-status.is-bad, .bad-text { color: var(--bad); }
.adm-status { display: flex; align-items: flex-start; gap: 8px; margin: 0; }
.adm-status .ico { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.adm-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.adm-acts form { display: contents; }
.adm-acts form.adm-pw { display: inline-flex; gap: 6px; align-items: center; }
.input-sm { min-height: 32px; padding: 4px 8px; font-size: var(--fs-1); width: 140px; }
.table .num { text-align: right; }
.btn.confirming { white-space: normal; max-width: 100%; text-align: left; outline: 2px solid var(--bad); outline-offset: 2px; }

/* ---------------------------------------------------------------- экран анализа: палитра и шрифты портала */
body.site-analyze {
  --bg: #f2f3f1; --panel: #fbfbfa; --panel-2: #e8eae7; --ink: #16191c; --muted: #6f767e; --line: #d2d5d1;
  --accent: #07758e; --accent-ink: #ffffff; --tone-ink: #ffffff;
  --ai: #a3303a; --ai-soft: #f3dcdc; --real: #357d3a; --real-soft: #dcecd9; --unc: #8a6a00; --unc-soft: #f4ecce;
  --edit: #b8661a; --edit-soft: #f5e6d6;
  --stage: #1b1b1b; --stage-2: #242424; --stage-ink: #e4e4e2; --stage-muted: #9a9a98; --stage-line: #333333;
  --radius: 10px; --sans: var(--font); --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.site-analyze {
    --bg: #131517; --panel: #181b1e; --panel-2: #1b1e21; --ink: #e7e9e6; --muted: #868d94; --line: #2b2f33;
    --accent: #3fb3cc; --accent-ink: #0b1215; --tone-ink: #131517;
    --ai: #ea7077; --ai-soft: #3a1d20; --real: #71c075; --real-soft: #1b2e1c; --unc: #e2c14f; --unc-soft: #332b12;
    --edit: #e79a52; --edit-soft: #33261a; --stage: #0f1011; --stage-2: #18191b; --stage-line: #2a2b2e;
  }
}
:root[data-theme="dark"] body.site-analyze {
  --bg: #131517; --panel: #181b1e; --panel-2: #1b1e21; --ink: #e7e9e6; --muted: #868d94; --line: #2b2f33;
  --accent: #3fb3cc; --accent-ink: #0b1215; --tone-ink: #131517;
  --ai: #ea7077; --ai-soft: #3a1d20; --real: #71c075; --real-soft: #1b2e1c; --unc: #e2c14f; --unc-soft: #332b12;
  --edit: #e79a52; --edit-soft: #33261a; --stage: #0f1011; --stage-2: #18191b; --stage-line: #2a2b2e;
}
body.site-analyze { font-family: var(--font); background: var(--paper); }

/* шапка портала сверху, под ней — экран анализа на всю оставшуюся высоту */
.site-analyze .app { height: calc(100vh - var(--bar-h)); height: calc(100dvh - var(--bar-h)); }
.site-analyze .top { background: var(--card); border-bottom: 1px solid var(--line); }
.site-analyze .top .logo, .site-analyze .top .brand h1, .site-analyze #btnTheme { display: none; }
.site-analyze .top .brand-sub { font: 500 12px/1.2 var(--mono); color: var(--ink-3); letter-spacing: .02em; }

/* кнопки экрана анализа — как в «Глазомере»: главная графитовая, выбранный режим — графит */
.site-analyze .app button { font-family: var(--font); border-radius: var(--r-2); border-color: var(--line-2); font-weight: 550; }
.site-analyze .app button.primary { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.site-analyze .app button.primary:hover { filter: none; background: var(--ink-2); }
.site-analyze .seg { border-radius: var(--r-2); border-color: var(--line-2); background: var(--paper-2); }
.site-analyze .seg button { border-radius: 0; }
.site-analyze .seg button.on { background: var(--ink); color: var(--paper); }

/* общие имена классов у портала и детектора: шапке портала возвращаем её вид */
.site-analyze .topbar .brand { display: inline-flex; align-items: center; gap: 10px; min-width: auto; }
.site-analyze .topbar button.iconbtn { width: 36px; height: 36px; padding: 0; border: 1px solid transparent; background: transparent;
  border-radius: var(--r-2); color: var(--ink-2); line-height: normal; }
.site-analyze .topbar button.iconbtn:hover { background: var(--paper-2); color: var(--ink); }
.site-analyze .topbar .muted { color: var(--ink-2); }