/* The workstation uses typography and evidence density as its primary hierarchy. */
:root { --canvas:#f1f4f8; --paper:#fff; --ink:#193046; --muted:#64748b; --line:#dde4ed; --blue:#2563eb; --jade:#087f73; --amber:#a16207; --red:#b42335; --radius:12px; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { color-scheme:light; }
body { margin:0; color:var(--ink); background:var(--canvas); font:15px/1.55 "Avenir Next", Avenir, "Segoe UI", sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--blue); text-decoration:none; } a:hover { text-decoration:underline; }
button,input,select,textarea { font:inherit; } button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #5288ff; outline-offset:4px; }
button { cursor:pointer; } h1,h2,h3,p { margin:0; } h1 { font-size:34px; line-height:1.18; letter-spacing:-1.25px; font-weight:700; } h2 { font-size:20px; line-height:1.35; letter-spacing:-.4px; } h3 { font-size:16px; line-height:1.4; } small { font-size:12px; } .muted { color:var(--muted); } .number { font-variant-numeric:tabular-nums; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:20; padding:10px 18px; background:white; border:2px solid var(--blue); } .skip-link:focus { top:16px; }
.workspace { display:flex; min-height:100vh; } .sidebar { width:228px; flex-shrink:0; padding:30px 20px; background:var(--ink); color:#d8e5f0; display:flex; flex-direction:column; position:fixed; inset:0 auto 0 0; }
.brand { display:flex; gap:11px; align-items:center; color:white; font-weight:700; font-size:20px; letter-spacing:-.6px; } .brand:hover { text-decoration:none; } .brand-mark { font-size:38px; line-height:1; letter-spacing:-4px; padding-right:4px; } .brand-mark span { color:#83caba; } .brand-subtitle { display:block; color:#bdccdb; font-size:10px; letter-spacing:.3px; font-weight:500; margin-top:2px; }
.main-nav { display:flex; flex-direction:column; gap:7px; margin-top:54px; } .nav-link { display:flex; align-items:center; gap:13px; color:#c7d4e2; padding:12px 13px; border-radius:7px; font-size:13px; font-weight:600; } .nav-link:hover { text-decoration:none; background:#253e55; color:#fff; } .nav-link.is-active { color:#fff; background:#31506c; box-shadow:inset 3px 0 #93c4fa; } .nav-icon { width:18px; font-size:21px; line-height:1; text-align:center; font-weight:400; } .nav-divider { height:1px; margin:22px 12px 14px; background:#355066; }
.sidebar-foot { margin-top:auto; padding:30px 10px 0; display:flex; gap:10px; align-items:center; font-size:12px; } .sidebar-foot small { display:block; margin-top:2px; color:#9fb4c8; font-size:11px; } .workspace-dot { width:7px; height:7px; background:#8ca9c0; border-radius:50%; }
.workspace-body { margin-left:228px; width:calc(100% - 228px); } .topbar { height:66px; background:var(--paper); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 38px; font-size:12px; color:var(--muted); } .topbar a { color:var(--ink); font-weight:600; }
.main-content { max-width:1600px; margin:0 auto; padding:34px 38px 24px; } .page-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; } .page-header p { color:var(--muted); max-width:700px; margin-top:9px; font-size:14px; } .header-actions { display:flex; gap:9px; align-items:center; flex-shrink:0; } .btn { display:inline-flex; align-items:center; justify-content:center; min-height:39px; padding:9px 16px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:white; font-size:12px; font-weight:700; line-height:1.4; white-space:nowrap; } .btn:hover { text-decoration:none; border-color:#9fb3cb; background:#f8fafc; } .btn-primary { background:var(--blue); color:white; border-color:var(--blue); } .btn-primary:hover { background:#1d4ed8; color:white; border-color:#1d4ed8; } .btn-small { min-height:32px; padding:6px 12px; font-size:11px; } .btn-danger { color:var(--red); } .button_to { display:inline-block; margin:0; } .button-row { display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
.context-banner { display:flex; gap:15px; align-items:center; padding:15px 18px; border:1px solid #cddcf5; border-radius:9px; background:#eaf1ff; font-size:12px; color:#35577e; margin-bottom:23px; } .context-banner strong { color:#22426c; } .context-banner .banner-icon { font-size:23px; } .context-banner a { margin-left:auto; white-space:nowrap; font-weight:700; }
.summary-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:23px 0; margin:0 0 25px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .summary-item { padding:0 24px; border-right:1px solid var(--line); } .summary-item:first-child { padding-left:0; } .summary-item:last-child { border-right:0; } .summary-value { display:block; font-size:27px; font-weight:700; letter-spacing:-1px; line-height:1.2; font-variant-numeric:tabular-nums; } .summary-label { color:var(--muted); font-size:12px; display:block; margin-top:6px; } .summary-value.positive { color:var(--jade); }
.panel { background:white; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin-bottom:23px; } .panel-head { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:21px 23px; border-bottom:1px solid var(--line); } .panel-head p { color:var(--muted); margin-top:4px; font-size:12px; } .panel-head a { font-size:12px; font-weight:700; } .panel-body { padding:23px; } .panel-body > p + p { margin-top:12px; } .table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; } th { color:var(--muted); font-weight:500; background:#f9fbfd; padding:12px 20px; border-bottom:1px solid var(--line); white-space:nowrap; } td { padding:17px 20px; border-bottom:1px solid #ebeff5; vertical-align:middle; } tr:last-child td { border-bottom:0; } tbody tr:hover { background:#fafcff; } .listing-name { font-size:13px; color:var(--ink); font-weight:650; } .listing-meta { color:var(--muted); font-size:11px; margin-top:4px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .table-price { font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; } .table-subtext { display:block; color:var(--muted); font-size:10px; margin-top:3px; font-weight:400; }
.badge { display:inline-flex; padding:3px 8px; font-size:10px; line-height:1.5; border-radius:4px; font-weight:650; white-space:nowrap; } .badge-neutral { color:#52667a; background:#edf1f5; } .badge-positive { color:#066457; background:#e2f4ef; } .badge-warning { color:#8b5b09; background:#fff3d9; } .badge-negative { color:#a12438; background:#ffedf0; } .replay-label { color:#63758b; font-size:10px; border:1px solid #d2dce8; border-radius:3px; padding:1px 5px; background:#f8fafc; }
.empty-state { padding:52px 25px; text-align:center; } .empty-state .empty-icon { margin:0 auto 14px; font-size:32px; color:#8194ac; } .empty-state h3 { font-size:18px; } .empty-state p { max-width:480px; color:var(--muted); font-size:13px; margin:8px auto 20px; } .page-footer { display:flex; justify-content:space-between; gap:15px; padding:9px 0; color:#748397; font-size:10px; }
.filters { display:flex; flex-wrap:wrap; gap:12px; padding:17px 20px; align-items:end; border-bottom:1px solid var(--line); } .field { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; } .field label, .filters label { font-size:12px; font-weight:650; } .field input,.field select,.field textarea,.filters input,.filters select { border:1px solid #cbd5e1; background:white; border-radius:6px; padding:10px 12px; color:var(--ink); width:100%; min-height:41px; } .field input:focus,.field select:focus,.field textarea:focus { border-color:var(--blue); } .field textarea { min-height:160px; resize:vertical; } .field small { color:var(--muted); font-size:11px; } .filters .field { margin:0; } .filters .search-field { min-width:220px; flex:1; } .filters .field select { min-width:135px; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; } .full-width { grid-column:1/-1; } .form-actions { border-top:1px solid var(--line); padding-top:21px; display:flex; align-items:center; gap:13px; margin-top:4px; } .form-errors,.flash-error { border:1px solid #f3bbc3; background:#fff0f2; color:#a12438; } .form-errors { padding:17px; border-radius:7px; margin-bottom:20px; font-size:13px; } .form-errors ul { margin:8px 0 0; padding-left:20px; } .flash { border-radius:8px; margin-bottom:24px; padding:14px 18px; font-size:13px; } .flash-success { background:#e5f5ef; border:1px solid #b6dfd0; color:#096756; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr); gap:23px; } .detail-layout .panel { margin-bottom:23px; } .breadcrumb { font-size:12px; color:var(--muted); margin-bottom:17px; } .breadcrumb a { color:var(--muted); } .listing-title { max-width:760px; } .listing-price { font-size:39px; line-height:1.1; font-weight:700; letter-spacing:-1.4px; font-variant-numeric:tabular-nums; } .price-label { display:block; color:var(--muted); font-size:11px; margin:7px 0 19px; } .detail-meta { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-top:17px; font-size:12px; } .description { white-space:pre-line; font-size:13px; color:#52667a; max-width:76ch; } .fact-list { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; margin:0; } .fact-list dt { font-size:11px; color:var(--muted); margin-bottom:4px; } .fact-list dd { margin:0; font-size:13px; font-weight:600; } .fact-list .full-width { grid-column:1/-1; } .note { padding:13px 15px; border-radius:6px; background:#f4f7fb; color:#60738a; font-size:12px; margin-top:18px; } .note-warning { background:#fff6e5; color:#8b5b09; } .note-positive { background:#e9f6f1; color:#136d5e; } .note ul { padding-left:17px; margin:6px 0 0; } .small-label { font-size:11px; color:var(--muted); }
.evidence-amount { font-size:30px; font-weight:700; letter-spacing:-1px; color:var(--jade); } .evidence-rail { margin:25px 0 10px; padding:12px 0 32px; position:relative; } .evidence-track { height:8px; border-radius:5px; background:#e6ebf2; position:relative; } .evidence-band { position:absolute; left:24%; right:12%; height:8px; border-radius:5px; background:#b7dcd3; } .evidence-dot { position:absolute; top:-4px; width:16px; height:16px; background:var(--jade); border:3px solid white; box-shadow:0 0 0 1px var(--jade); border-radius:50%; transform:translateX(-50%); } .asking-marker { background:var(--blue); box-shadow:0 0 0 1px var(--blue); } .evidence-labels { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); margin-top:10px; gap:15px; } .evidence-legend { display:flex; gap:15px; font-size:10px; color:var(--muted); flex-wrap:wrap; } .evidence-legend span { display:flex; gap:5px; align-items:center; } .legend-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--jade); } .legend-dot.blue { background:var(--blue); }
.stack { display:flex; flex-direction:column; gap:12px; } .stack-item { padding:15px 0; border-bottom:1px solid var(--line); } .stack-item:first-child { padding-top:0; } .stack-item:last-child { border-bottom:0; padding-bottom:0; } .stack-item-header { display:flex; justify-content:space-between; align-items:start; gap:15px; } .stack-item p { font-size:12px; color:var(--muted); margin-top:5px; } .split-panels { display:grid; grid-template-columns:1fr 1fr; gap:23px; } .content-narrow { max-width:900px; } .section-gap { margin-top:23px; } .inline-code { background:#edf2f8; border-radius:3px; padding:2px 5px; font-size:11px; word-break:break-all; } .payload-input { font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; } .step-list { padding-left:20px; color:var(--muted); font-size:13px; } .step-list li { margin-bottom:11px; padding-left:4px; } .product-monogram { display:inline-flex; width:42px; height:42px; border-radius:9px; background:#e8eef8; color:#4a6c96; font-size:16px; font-weight:700; align-items:center; justify-content:center; margin-right:12px; flex-shrink:0; } .product-cell { display:flex; align-items:center; }
@media (min-width:1500px) { .main-content { padding-top:44px; } .page-header { margin-bottom:32px; } }
@media (max-width:1100px) { .sidebar { width:196px; padding:26px 14px; } .workspace-body { margin-left:196px; width:calc(100% - 196px); } .main-content { padding:28px 24px 20px; } .topbar { padding:0 24px; } .brand { font-size:18px; } .brand-subtitle { font-size:9px; } .detail-layout { grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr); gap:18px; } .header-actions { flex-wrap:wrap; justify-content:flex-end; } h1 { font-size:30px; } td,th { padding-left:15px; padding-right:15px; } }
@media (max-width:820px) { .sidebar { position:static; width:100%; padding:18px 20px 10px; } .workspace { flex-direction:column; } .brand { font-size:19px; } .brand-mark { font-size:32px; } .brand-subtitle { font-size:10px; } .main-nav { flex-direction:row; overflow-x:auto; gap:4px; margin-top:18px; padding-bottom:4px; } .nav-link { flex-shrink:0; padding:9px 12px; font-size:11px; } .nav-link.is-active { box-shadow:inset 0 -2px #93c4fa; } .nav-icon { font-size:16px; width:15px; } .nav-divider,.sidebar-foot { display:none; } .workspace-body { margin:0; width:100%; } .topbar { height:44px; font-size:10px; } .detail-layout { grid-template-columns:minmax(0,1fr); } .split-panels { grid-template-columns:1fr; gap:0; } .summary-item { padding:0 16px; } .summary-value { font-size:25px; } }
@media (max-width:550px) { .main-content { padding:25px 16px 18px; } .topbar { padding:0 16px; } .topbar > span { max-width:180px; } .page-header { display:block; margin-bottom:22px; } .page-header h1 { font-size:29px; } .page-header p { font-size:12px; } .header-actions { justify-content:flex-start; margin-top:16px; } .summary-strip { grid-template-columns:1fr 1fr; gap:20px 0; padding:20px 0; } .summary-item:nth-child(3) { padding-left:0; } .summary-item:nth-child(2) { border-right:0; } .summary-label { font-size:11px; } .context-banner { align-items:start; padding:13px; gap:10px; font-size:11px; flex-wrap:wrap; } .context-banner a { margin-left:33px; } .panel-head { padding:18px; } .panel-body { padding:18px; } h2 { font-size:18px; } .form-grid { grid-template-columns:1fr; gap:0; } .full-width { grid-column:auto; } .filters { padding:15px; gap:10px; } .filters .search-field { min-width:100%; } .filters .field { flex:1; min-width:110px; } .filters .field select { min-width:0; } .page-footer { flex-direction:column; gap:4px; } .fact-list { gap:18px 15px; } .listing-price { font-size:34px; } .btn { padding:9px 13px; } .table-wrap { scrollbar-width:thin; } .form-actions { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
.mode-switch { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin:-3px 0 23px; }
.mode-option { display:inline-flex; padding:7px 13px; border:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:650; border-radius:6px; background:white; }
.mode-option:hover { text-decoration:none; border-color:#9db5d8; }
.mode-option.selected { color:#224e9c; background:#e7efff; border-color:#c1d2f2; }
.mode-switch > span { font-size:11px; margin-left:7px; }
.listing-photos { margin-bottom:24px; }
.photo-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:13px; }
.photo-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.photo-frame { margin:0; min-width:0; }
.photo-frame:first-child { grid-column:1 / -1; }
.photo-link { display:flex; width:100%; min-height:140px; background:#f1f4f8; border:1px solid var(--line); border-radius:7px; overflow:hidden; align-items:center; justify-content:center; }
.photo-link:hover { border-color:#9fb3cb; }
.photo-link img { display:block; width:100%; height:160px; object-fit:contain; color:var(--muted); font-size:12px; line-height:1.5; }
.photo-frame:first-child img { height:300px; }
.photo-frame figcaption { font-size:10px; color:var(--muted); padding-top:6px; }
.photo-note { font-size:10px; line-height:1.6; color:var(--muted); margin-top:12px; }
.photo-empty { font-size:11px; color:var(--muted); padding-bottom:14px; margin-bottom:20px; border-bottom:1px solid var(--line); }
@media (max-width:550px) { .photo-frame:first-child img { height:225px; } .photo-link img { height:120px; } .photo-gallery { gap:9px; } }
.dashboard-alerts { background:#fff; border:1px solid #cfdaea; border-left:3px solid var(--blue); border-radius:9px; padding:18px 20px; margin-bottom:24px; }
.alerts-header { display:flex; align-items:center; justify-content:space-between; gap:22px; }
.alerts-header h2 { font-size:16px; }
.alerts-header p { font-size:11px; color:var(--muted); margin-top:5px; max-width:720px; }
.alerts-header .btn { flex-shrink:0; }
.alerts-status,.alerts-permission { font-size:10px; color:var(--muted); margin-top:12px; }
.alerts-permission { color:var(--amber); }
.btn:disabled { cursor:default; color:var(--muted); background:#f6f8fb; opacity:1; }
.new-candidate { display:flex; align-items:center; gap:13px; border-top:1px solid var(--line); padding-top:16px; margin-top:16px; }
.new-candidate > div { flex:1; }
.new-candidate strong { font-size:13px; }
.new-candidate p { font-size:11px; color:var(--muted); margin-top:4px; }
.alert-dismiss { font-size:11px; color:var(--muted); border:0; background:transparent; padding:8px; }
.alert-dismiss:hover { color:var(--ink); text-decoration:underline; }
@media (max-width:550px) { .alerts-header { align-items:start; flex-direction:column; gap:12px; } .dashboard-alerts { padding:16px; } .new-candidate { flex-wrap:wrap; } .new-candidate > div { flex-basis:100%; } }
.fact-list dd.condition-evidence { font-weight:400; line-height:1.65; color:#52667a; }
.market-context { margin-bottom:8px; }
.market-explanation { color:var(--muted); font-size:10px; margin-bottom:22px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.job-error { overflow-wrap:anywhere; }
.collector-status { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:19px 21px; border:1px solid #cfdaea; background:#fff; border-radius:9px; margin-bottom:25px; }
.collector-connection { display:flex; align-items:flex-start; gap:13px; }
.collector-connection h2 { font-size:16px; }
.collector-connection p { max-width:670px; font-size:11px; color:var(--muted); margin-top:5px; }
.connection-dot { display:inline-block; width:9px; height:9px; flex-shrink:0; border-radius:50%; margin-top:6px; }
.connection-online { background:var(--jade); box-shadow:0 0 0 4px #e4f3ef; }
.connection-stale { background:#a47723; box-shadow:0 0 0 4px #fff2da; }
.collector-summary { display:grid; grid-template-columns:auto auto; gap:3px 10px; align-items:center; flex-shrink:0; font-size:11px; color:var(--muted); border-left:1px solid var(--line); padding-left:24px; }
.collector-summary strong { font-size:18px; color:var(--ink); font-variant-numeric:tabular-nums; }
.monitor-row { padding:23px; border-bottom:1px solid var(--line); }
.monitor-row:last-child { border-bottom:0; }
.monitor-heading { display:flex; align-items:start; justify-content:space-between; gap:15px; }
.monitor-heading h3 { font-size:17px; }
.monitor-source { display:flex; gap:13px; flex-wrap:wrap; font-size:10px; color:var(--muted); margin-top:5px; }
.monitor-facts { display:grid; grid-template-columns:1fr 1fr 1.2fr 1.2fr; gap:18px; margin:20px 0; }
.monitor-facts dt { font-size:10px; color:var(--muted); margin-bottom:4px; }
.monitor-facts dd { margin:0; font-size:12px; font-weight:600; }
.monitor-actions { display:flex; gap:20px; align-items:center; justify-content:space-between; }
.monitor-url { font-size:11px; max-width:48%; }
.monitor-url summary,.run-details summary { cursor:pointer; color:var(--muted); }
.monitor-url p { overflow-wrap:anywhere; margin-top:8px; color:var(--muted); font-size:10px; }
.monitor-error { background:#fff5e5; border-radius:6px; padding:13px 15px; margin:0 0 18px; font-size:11px; color:#8b5b09; overflow-wrap:anywhere; }
.monitor-error p { margin-top:5px; }
.collection-guidance { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:-3px 0 24px; color:var(--muted); font-size:11px; }
.collection-guidance strong { color:var(--ink); }
.run-details { font-size:10px; }
.run-details code { display:inline-block; margin-top:8px; }
.task-error { max-width:380px; overflow-wrap:anywhere; font-size:11px; color:var(--red); margin-bottom:8px; }
.checkbox-field { display:flex; align-items:flex-start; gap:11px; padding:15px; border:1px solid var(--line); border-radius:7px; background:#f8fafc; cursor:pointer; }
.checkbox-field input[type=checkbox] { width:18px; min-height:18px; height:18px; margin:2px 0 0; flex-shrink:0; accent-color:var(--blue); }
.checkbox-field small { display:block; font-weight:400; margin-top:5px; }
@media (max-width:1100px) { .monitor-facts { grid-template-columns:1fr 1fr; } }
@media (max-width:550px) { .collector-status { display:block; padding:17px; } .collector-summary { margin-top:15px; padding:12px 0 0 22px; border-left:0; border-top:1px solid var(--line); grid-template-columns:auto 1fr auto 1fr; gap:7px; } .collector-summary strong { font-size:16px; } .collector-summary span { font-size:9px; } .monitor-row { padding:18px; } .monitor-heading h3 { font-size:15px; } .monitor-facts { gap:16px 12px; } .monitor-actions { display:block; } .monitor-url { max-width:100%; margin-top:13px; } .collection-guidance { grid-template-columns:1fr; gap:10px; } }

.collector-refresh { grid-column:1 / -1; font-size:10px; margin-top:5px; }

.assessment-download { margin-top:13px; }
.catalog-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:22px; align-items:start; }
.catalog-categories { margin-bottom:0; }
.catalog-category-heading { padding:19px 17px 15px; border-bottom:1px solid var(--line); }
.catalog-category-heading h2 { font-size:14px; }
.catalog-category-heading p { color:var(--muted); font-size:10px; line-height:1.6; margin-top:5px; }
.catalog-category-nav { padding:8px 0; }
.category-link { display:block; color:#536a81; font-size:11px; padding:9px 14px 9px calc(16px + var(--category-depth,0) * 13px); border-left:3px solid transparent; line-height:1.5; overflow-wrap:anywhere; }
.category-link:hover { background:#f5f8fc; text-decoration:none; }
.category-link.category-root { font-weight:700; color:var(--ink); margin-top:5px; }
.category-link.category-selected { color:#1c54ad; background:#edf3ff; border-left-color:var(--blue); font-weight:700; }
.catalog-results { min-width:0; }
.category-mobile-field { display:none; }
.catalog-filters .search-field { min-width:190px; }
.catalog-evidence-counts { display:flex; align-items:center; flex-wrap:wrap; gap:7px 21px; padding:13px 20px; border-bottom:1px solid var(--line); background:#f9fbfd; color:var(--muted); font-size:11px; }
.catalog-evidence-counts strong { color:var(--ink); font-size:13px; margin-right:3px; }
.catalog-evidence-counts small { font-size:10px; flex-basis:100%; }
.evidence-mode-count { display:block; font-size:11px; color:var(--muted); white-space:nowrap; }
.evidence-mode-count strong { color:var(--ink); font-variant-numeric:tabular-nums; }
.catalog-results td:nth-child(3) { max-width:220px; overflow-wrap:anywhere; }
.observation-category { min-width:160px; max-width:280px; color:var(--muted); font-size:10px; }
@media (max-width:1050px) { .catalog-layout { display:block; } .catalog-categories { display:none; } .category-mobile-field { display:flex; } }
@media (max-width:550px) { .catalog-evidence-counts { padding:12px 15px; gap:6px 16px; } }

.fact-list dd { overflow-wrap:anywhere; }

.monitor-heading > div { min-width:0; }
.monitor-heading h3 { overflow-wrap:anywhere; }

.catalog-pagination { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 20px; border-top:1px solid var(--line); }
.catalog-pagination p { font-size:10px; color:var(--muted); }
@media (max-width:550px) { .catalog-pagination { padding:14px 15px; flex-wrap:wrap; } }
.notification-summary { display:flex; align-items:center; flex-wrap:wrap; gap:8px 25px; margin:0 0 24px; color:var(--muted); font-size:12px; }
.notification-summary strong { color:var(--ink); font-size:20px; margin-right:5px; font-variant-numeric:tabular-nums; }
.notification-summary p { flex-basis:100%; font-size:11px; margin-top:3px; }
.notification-item { display:flex; align-items:center; gap:22px; border-bottom:1px solid var(--line); padding:22px; border-left:3px solid transparent; }
.notification-item:last-child { border-bottom:0; }
.notification-unread { border-left-color:var(--blue); background:#fbfcff; }
.notification-content { min-width:0; flex:1; }
.notification-heading { display:flex; align-items:start; gap:11px; flex-wrap:wrap; margin-bottom:7px; }
.notification-heading h3 { font-size:14px; overflow-wrap:anywhere; }
.notification-heading h3 a { color:var(--ink); }
.notification-prices { color:var(--muted); font-size:11px; margin-bottom:6px; }
.notification-prices strong { color:var(--ink); font-size:14px; font-variant-numeric:tabular-nums; }
.notification-prices span { display:inline-block; margin-left:15px; }
.notification-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; max-width:240px; }
@media (max-width:700px) { .notification-item { display:block; padding:18px; } .notification-actions { max-width:none; justify-content:flex-start; margin-top:16px; } .notification-prices span { display:block; margin:5px 0 0; } }

.notification-historical { background:#fafbfd; }
.notification-historical .notification-heading h3 a { color:#52677e; }
.attention-explanation { color:var(--muted); font-size:11px; margin:-5px 0 20px; max-width:900px; }
.attention-explanation strong { color:var(--amber); font-size:17px; margin-right:5px; }
.attention-count-link { color:var(--amber); }
.attention-filter { justify-content:flex-end; }
.filter-checkbox { display:flex; align-items:center; gap:8px; min-height:41px; white-space:nowrap; }
.filter-checkbox input[type=checkbox] { width:17px; min-height:17px; height:17px; accent-color:var(--blue); margin:0; }
.assessment-recovery summary { cursor:pointer; font-size:12px; font-weight:600; color:var(--blue); }
.assessment-recovery > p { margin:11px 0; }
.category-group > summary { display:flex; align-items:start; list-style:none; position:relative; cursor:pointer; }
.category-group > summary::-webkit-details-marker { display:none; }
.category-group > summary::before { content:'▸'; position:absolute; top:11px; left:calc(9px + var(--category-depth,0) * 13px); color:#7890a5; font-size:10px; }
.category-group[open] > summary::before { content:'▾'; }
.category-group > summary .category-branch-link { width:100%; padding-left:calc(24px + var(--category-depth,0) * 13px); margin-top:0; }
.category-group > summary { padding-left:calc(7px + var(--category-depth,0) * 13px); }
.category-group > summary::before { position:static; width:14px; flex-shrink:0; margin-top:10px; }
.category-group > summary .category-branch-link { width:auto; flex:1; padding-left:5px; }
.authentication-body { background:#eaf0f6; }
.authentication-stage { max-width:1080px; min-height:100vh; margin:auto; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:55px 30px; gap:65px; }
.authentication-intro { border-radius:16px; padding:43px 36px; background:var(--ink); color:#fff; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.authentication-intro .brand { margin-bottom:55px; }
.authentication-intro h1 { font-size:37px; letter-spacing:-1.3px; line-height:1.2; max-width:340px; }
.authentication-intro > p { font-size:14px; color:#bfcedd; margin-top:22px; max-width:345px; line-height:1.8; }
.authentication-access-note { color:#a3bacf; border-top:1px solid #37536c; padding-top:23px; margin-top:42px; font-size:11px; line-height:1.8; max-width:345px; }
.authentication-form-panel { padding:20px 0; min-width:0; }
.authentication-form-heading { margin-bottom:27px; }
.authentication-form-heading h2 { font-size:26px; letter-spacing:-.7px; }
.authentication-form-heading p { color:var(--muted); font-size:13px; margin-top:10px; }
.authentication-submit { width:100%; margin-top:7px; }
.authentication-help { font-size:11px; line-height:1.8; color:var(--muted); margin-top:23px; }
.account-session { display:flex; flex-direction:column; align-items:flex-end; font-size:11px; gap:3px; }
.account-session .button_to { line-height:1; }
.account-session button { border:0; background:transparent; color:var(--muted); padding:0; font-size:10px; text-decoration:underline; cursor:pointer; }
@media (max-width:750px) { .authentication-stage { display:block; padding:25px 20px; max-width:500px; } .authentication-intro { padding:25px; } .authentication-intro .brand { margin-bottom:26px; } .authentication-intro h1 { font-size:28px; } .authentication-intro > p { font-size:12px; margin-top:15px; } .authentication-access-note { margin-top:22px; padding-top:17px; font-size:10px; } .authentication-form-panel { padding:32px 4px 10px; } .authentication-form-heading h2 { font-size:23px; } }

.account-session { max-width:170px; }
.account-session > span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.health-checks { list-style:none; padding:0; margin:18px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; }
.health-checks li { min-width:0; border-top:1px solid var(--line); padding-top:13px; }
.health-checks li > div { display:flex; flex-wrap:wrap; gap:9px; align-items:center; font-size:12px; }
.health-checks p { color:var(--muted); font-size:11px; margin-top:7px; overflow-wrap:anywhere; }
.collection-metrics-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.collection-metric-group { min-width:0; padding:22px; border-right:1px solid var(--line); }
.collection-metric-group:last-child { border-right:0; }
.collection-metric-group h3 { font-size:13px; margin-bottom:17px; }
.collection-metric-group > p { font-size:10px; color:var(--muted); margin-top:16px; }
.health-metrics { margin:0; display:grid; gap:10px; }
.health-metrics > div { display:flex; justify-content:space-between; align-items:baseline; gap:14px; }
.health-metrics dt { color:var(--muted); font-size:11px; }
.health-metrics dd { margin:0; text-align:right; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.analysis-health-summary { padding:20px 22px; border-top:1px solid var(--line); background:#f9fbfd; }
.analysis-health-summary h3 { font-size:12px; margin-bottom:14px; }
.analysis-health-summary dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; }
.analysis-health-summary dt { font-size:10px; color:var(--muted); }
.analysis-health-summary dd { margin:4px 0 0; font-size:20px; font-weight:650; font-variant-numeric:tabular-nums; }
.analysis-health-summary p { font-size:10px; color:var(--muted); margin-top:14px; }
@media(max-width:550px) { .analysis-health-summary { padding:18px; } .analysis-health-summary dl { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1100px) { .collection-metrics-grid { grid-template-columns:1fr; } .collection-metric-group { border-right:0; border-bottom:1px solid var(--line); } .collection-metric-group:last-child { border-bottom:0; } }
@media(max-width:550px) { .health-checks { grid-template-columns:1fr; } .collection-metric-group { padding:18px; } }