:root {
  color-scheme: dark;
  --ink: #101615;
  --ink-soft: #17201e;
  --panel: #1e2926;
  --cream: #f2eee3;
  --muted: #b9c0b8;
  --line: rgba(242,238,227,.14);
  --accent: #d47745;
  --accent-soft: #e5a27d;
  --moss: #7f927e;
  --critical: #f39a83;
  --high: #eab36d;
  --medium: #c7c485;
  --low: #9bb3a3;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 92% 2%, rgba(127,146,126,.18), transparent 34rem),
    linear-gradient(180deg, #0d1312 0%, var(--ink) 42%, #111b18 100%);
  color: var(--cream);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 68px 0 90px; }
.hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; padding: 0 0 34px; border-bottom: 1px solid var(--line); }
.eyebrow { margin: 0 0 10px; color: var(--accent-soft); font-size: 12px; letter-spacing: .18em; font-weight: 800; }
h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 6vw, 76px); font-weight: 500; line-height: .96; }
.lede { max-width: 720px; margin: 20px 0 0; color: var(--muted); font-size: 18px; line-height: 1.65; }
.trail-mark { width: 84px; height: 84px; position: relative; opacity: .8; }
.trail-mark span { position:absolute; left: 41px; bottom: 5px; width: 2px; height: 74px; background: var(--accent); transform-origin: bottom; }
.trail-mark span:nth-child(1){ transform: rotate(-31deg); }
.trail-mark span:nth-child(2){ transform: rotate(0deg); }
.trail-mark span:nth-child(3){ transform: rotate(31deg); }
.scanner-card { margin-top: 32px; padding: 26px; background: rgba(30,41,38,.76); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 24px 70px rgba(0,0,0,.22); backdrop-filter: blur(10px); }
label { display: block; margin-bottom: 10px; font-weight: 750; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #d9ddd5; }
.input-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
input { width: 100%; border: 1px solid rgba(242,238,227,.18); background: #111816; color: var(--cream); padding: 15px 16px; border-radius: 9px; font-size: 16px; outline: none; }
input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(212,119,69,.13); }
button { border: 0; border-radius: 9px; background: var(--accent); color: #121715; padding: 0 22px; min-height: 52px; font-weight: 850; cursor: pointer; }
button:hover { filter: brightness(1.06); }
button:disabled { opacity: .6; cursor: wait; }
.status { min-height: 22px; margin-top: 12px; color: var(--muted); font-size: 14px; }
.status.error { color: var(--critical); }
.hidden { display: none; }
.summary { display: grid; grid-template-columns: 1.4fr repeat(3, .6fr); gap: 12px; margin-top: 24px; }
.summary-box { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(23,32,30,.72); }
.summary-box .kicker { color: var(--muted); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.summary-box .value { margin-top: 7px; font-size: 20px; font-weight: 750; overflow-wrap: anywhere; }
.scan-warning { grid-column:1/-1; padding:14px 16px; border:1px solid rgba(243,154,131,.45); border-radius:10px; background:rgba(243,154,131,.08); color:#f0c0b3; font-size:13px; line-height:1.55; }
.findings { margin-top: 34px; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.section-title h2 { margin:0; font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 500; }
.section-title p { margin:0; color:var(--muted); font-size:13px; }
.finding { display:grid; grid-template-columns: 110px minmax(0,1fr); gap:24px; padding:24px 0; border-top:1px solid var(--line); }
.finding:last-child { border-bottom:1px solid var(--line); }
.badge { display:inline-block; width:max-content; padding:6px 8px; border:1px solid currentColor; border-radius:999px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:850; }
.severity-critical { color:var(--critical); }
.severity-high { color:var(--high); }
.severity-medium { color:var(--medium); }
.severity-low { color:var(--low); }
.finding h3 { margin:0; font-size:21px; }
.meta { margin:8px 0 0; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.07em; }
.finding-copy { margin:15px 0 0; color:#d9ddd6; line-height:1.6; }
.evidence { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.evidence-item { padding:8px 10px; border-radius:7px; background:#111816; border:1px solid var(--line); font-size:12px; color:#d5dad2; max-width:100%; overflow-wrap:anywhere; }
.talking-point { margin-top:16px; padding:14px 16px; border-left:3px solid var(--accent); background:rgba(212,119,69,.08); color:#eee8dc; line-height:1.55; }
.actions { display:flex; gap:8px; margin-top:16px; }
.secondary { background:transparent; color:var(--cream); border:1px solid var(--line); min-height:40px; padding:0 13px; font-size:12px; }
.all-checks { margin-top:32px; padding:20px; border:1px solid var(--line); border-radius:12px; background:rgba(23,32,30,.6); }
.all-checks pre { white-space:pre-wrap; overflow-wrap:anywhere; color:#bec9c0; font:12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 760px) {
  .shell { width:min(100% - 24px, 1120px); padding-top:38px; }
  .trail-mark { display:none; }
  .input-row { grid-template-columns:1fr; }
  button { min-height:50px; }
  .summary { grid-template-columns:1fr 1fr; }
  .summary-box:first-child { grid-column:1/-1; }
  .finding { grid-template-columns:1fr; gap:12px; }
}
.mode-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.mode-option { display:flex; gap:10px; align-items:flex-start; padding:12px 13px; margin:0; border:1px solid var(--line); border-radius:9px; background:rgba(17,24,22,.5); cursor:pointer; text-transform:none; letter-spacing:0; }
.mode-option input { width:auto; margin:3px 0 0; accent-color:var(--accent); }
.mode-option span { display:block; }
.mode-option strong { display:block; color:var(--cream); font-size:13px; }
.mode-option small { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; font-weight:500; }
.summary { grid-template-columns:1.4fr repeat(4,.6fr); }
.summary-note { margin-top:5px; color:var(--muted); font-size:10px; line-height:1.35; }
.scope-badge { display:block; width:max-content; margin-top:8px; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
@media (max-width: 900px) { .summary { grid-template-columns:1fr 1fr; } .summary-url { grid-column:1/-1; } }
@media (max-width: 760px) { .mode-row { grid-template-columns:1fr; } }
.finding-group { margin-top: 34px; }
.opportunity-group { margin-top: 46px; }
.section-kicker { margin-bottom: 5px; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.issue-kicker { color: var(--high); }
.opportunity-kicker { color: var(--moss); }
.type-badge { display:block; width:max-content; margin-top:6px; font-size:8px; line-height:1.35; text-transform:uppercase; letter-spacing:.08em; font-weight:850; }
.type-issue { color:var(--high); }
.type-opportunity { color:var(--moss); }
.finding-opportunity .talking-point { border-left-color: var(--moss); background: rgba(127,146,126,.09); }
.recommendation { margin-top:14px; padding:12px 14px; border-radius:8px; background:rgba(242,238,227,.035); border:1px solid var(--line); color:#d8ddd5; line-height:1.55; font-size:13px; }
.empty-state { padding:18px 20px; border:1px solid var(--line); border-radius:11px; background:rgba(23,32,30,.48); color:#dce0d8; }
.empty-state strong { display:block; font-size:15px; }
.empty-state span { display:block; margin-top:6px; color:var(--muted); font-size:12px; line-height:1.55; }
.opportunity-empty { border-color:rgba(127,146,126,.3); background:rgba(127,146,126,.05); }
.ai-status { margin-top:12px; padding:10px 12px; border-radius:8px; background:rgba(127,146,126,.07); border:1px solid rgba(127,146,126,.2); color:var(--muted); font-size:11px; line-height:1.5; }
.ai-status strong { color:#dfe4db; }
.audit-brief { margin-top:34px; padding:26px; border:1px solid rgba(212,119,69,.28); border-radius:14px; background:linear-gradient(145deg, rgba(212,119,69,.07), rgba(127,146,126,.045)); }
.brief-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.brief-heading h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:34px; font-weight:500; }
.brief-kicker { color:var(--accent-soft); }
.brief-mode { padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; white-space:nowrap; }
.brief-summary { max-width:820px; margin:13px 0 22px; color:#d8ded5; line-height:1.6; }
.brief-note { margin:-8px 0 18px; color:var(--medium); font-size:11px; }
.brief-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:15px; padding:20px 0; border-top:1px solid var(--line); }
.brief-card:last-child { padding-bottom:0; }
.brief-number { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; border:1px solid var(--accent); color:var(--accent-soft); font-family:Georgia,"Times New Roman",serif; font-size:18px; }
.brief-opportunity .brief-number { border-color:var(--moss); color:#a9b7a6; }
.brief-body h3 { margin:5px 0 0; font-size:20px; }
.brief-body > p { margin:10px 0 0; color:#d4dad2; line-height:1.55; }
.brief-tags { display:flex; flex-wrap:wrap; gap:6px; }
.brief-tags span { color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.brief-evidence { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.brief-evidence span { padding:6px 8px; border:1px solid var(--line); border-radius:6px; background:rgba(10,16,14,.4); color:#cdd4cb; font-size:11px; overflow-wrap:anywhere; }
.brief-verify { margin-top:12px; color:var(--muted); font-size:12px; line-height:1.55; }
.brief-script { margin-top:12px; padding:13px 14px; border-left:3px solid var(--accent); background:rgba(212,119,69,.08); color:#eee8dc; line-height:1.55; }
.brief-opportunity .brief-script { border-left-color:var(--moss); background:rgba(127,146,126,.09); }
@media (max-width:760px) { .brief-heading { align-items:flex-start; flex-direction:column; } .brief-card { grid-template-columns:1fr; } .brief-mode { white-space:normal; } }
.depth-row { display:flex; align-items:center; gap:10px; margin-top:12px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:rgba(17,24,22,.35); }
.depth-row label { margin:0; white-space:nowrap; font-size:11px; }
.depth-row select { min-width:165px; padding:8px 10px; border:1px solid rgba(242,238,227,.18); border-radius:7px; background:#111816; color:var(--cream); font:inherit; font-size:12px; }
.depth-row > span { color:var(--muted); font-size:11px; line-height:1.4; }
.audit-coverage { margin-top:34px; }
.coverage-title { margin-bottom:12px; }
.coverage-kicker { color:var(--muted); }
.coverage-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.coverage-card { padding:12px 13px; border:1px solid var(--line); border-radius:9px; background:rgba(23,32,30,.55); }
.coverage-card span { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.coverage-card strong { display:block; margin-top:5px; color:#e8e8df; font-size:12px; overflow-wrap:anywhere; }
.sample-details { margin-top:12px; border:1px solid var(--line); border-radius:10px; background:rgba(23,32,30,.4); }
.sample-details summary { padding:12px 14px; cursor:pointer; color:#dce1d8; font-size:12px; font-weight:750; }
.sample-details[open] summary { border-bottom:1px solid var(--line); }
.sample-table-wrap { overflow-x:auto; padding:0 12px 12px; }
.sample-table { width:100%; min-width:900px; border-collapse:collapse; font-size:10px; }
.sample-table th { padding:10px 8px; color:var(--muted); text-align:left; text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--line); }
.sample-table td { padding:9px 8px; color:#cad1c8; vertical-align:top; border-bottom:1px solid rgba(242,238,227,.07); }
.sample-table a { color:#dfe4dc; text-decoration:none; overflow-wrap:anywhere; }
.sample-table a:hover { color:var(--accent-soft); }
.page-type-pill { display:inline-block; padding:4px 6px; border:1px solid var(--line); border-radius:999px; color:#bfc8bd; text-transform:uppercase; letter-spacing:.05em; font-size:8px; }
@media (max-width: 980px) { .coverage-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width: 760px) { .depth-row { align-items:flex-start; flex-direction:column; } .coverage-grid { grid-template-columns:1fr 1fr; } }

.version-badge{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid rgba(217,119,67,.45);border-radius:999px;color:var(--cream);font-size:10px;letter-spacing:.08em;vertical-align:middle;}

/* v0.7 evidence + architecture */
.evidence-link { color:#e6d9c8; text-decoration:underline; text-decoration-color:rgba(212,119,69,.55); text-underline-offset:2px; }
.evidence-link:hover { color:var(--accent-soft); }
.evidence-open { display:inline-block; margin-left:7px; padding:2px 6px; border:1px solid rgba(127,146,126,.38); border-radius:999px; color:#b8c6b5; text-decoration:none; font-size:9px; white-space:nowrap; }
.evidence-open:hover { border-color:var(--accent); color:var(--cream); }
.brief-evidence-item { padding:6px 8px; border:1px solid var(--line); border-radius:6px; background:rgba(10,16,14,.4); color:#cdd4cb; font-size:11px; overflow-wrap:anywhere; }
.brief-evidence-item .evidence-open { font-size:8px; }
.template-details { margin-top:9px; }
.template-table { min-width:980px; }

/* v0.8 verification mode */
.finding-title-row,.brief-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.review-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
.review-status.review-use{border-color:rgba(126,157,119,.7);background:rgba(126,157,119,.12);color:#c8d8c4;}
.review-status.review-investigate{border-color:rgba(223,180,91,.65);background:rgba(223,180,91,.1);color:#ead3a2;}
.review-status.review-ignore{border-color:rgba(160,166,159,.35);background:rgba(160,166,159,.05);color:#9ca59c;}
.review-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px;padding:12px 14px;border:1px solid rgba(127,146,126,.28);border-radius:9px;background:rgba(127,146,126,.07);}
.review-summary-copy strong{display:block;color:#e6ebe3;font-size:12px;}
.review-summary-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45;}
.review-persistence{color:#9baa98;font-size:10px;white-space:nowrap;}
.verification-panel{margin-top:14px;border:1px solid rgba(127,146,126,.28);border-radius:10px;background:rgba(10,16,14,.35);overflow:hidden;}
.verification-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;color:#e0e5dd;font-size:12px;font-weight:800;list-style:none;}
.verification-panel>summary::-webkit-details-marker{display:none;}
.verification-panel>summary:before{content:'+';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border:1px solid rgba(127,146,126,.35);border-radius:50%;color:#aab9a7;font-size:12px;float:left;}
.verification-panel[open]>summary:before{content:'−';}
.verification-panel[open]>summary{border-bottom:1px solid var(--line);}
.verification-body{padding:14px;}
.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.verification-block{padding:11px 12px;border:1px solid rgba(242,238,227,.08);border-radius:8px;background:rgba(242,238,227,.025);}
.verification-block>span,.verification-evidence-label{display:block;color:#9eaa9d;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.verification-block p{margin:6px 0 0;color:#d2d8d0;font-size:11px;line-height:1.55;}
.verification-block p strong{color:#e3e8df;}
.verification-evidence{margin-top:12px;padding-top:12px;border-top:1px solid rgba(242,238,227,.07);}
.review-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(242,238,227,.08);}
.review-label{color:#dfe4dc;font-size:11px;font-weight:800;}
.review-buttons{display:flex;gap:6px;flex-wrap:wrap;}
.review-choice{min-height:34px;padding:0 10px;border-radius:7px;background:transparent;border:1px solid var(--line);color:#c9d0c7;font-size:10px;font-weight:750;cursor:pointer;}
.review-choice:hover{border-color:rgba(242,238,227,.28);color:var(--cream);}
.review-choice.choice-use.active{border-color:rgba(126,157,119,.75);background:rgba(126,157,119,.14);color:#d5e0d2;}
.review-choice.choice-investigate.active{border-color:rgba(223,180,91,.72);background:rgba(223,180,91,.12);color:#f0daa9;}
.review-choice.choice-ignore.active{border-color:rgba(160,166,159,.5);background:rgba(160,166,159,.08);color:#adb5ad;}
.review-hint{color:#7f8a81;font-size:9px;}
.brief-card.decision-use,.finding.decision-use{box-shadow:inset 3px 0 0 rgba(126,157,119,.78);}
.brief-card.decision-investigate,.finding.decision-investigate{box-shadow:inset 3px 0 0 rgba(223,180,91,.75);}
.brief-card.decision-ignore,.finding.decision-ignore{opacity:.62;}
.primary-copy{border-color:rgba(212,119,69,.55);background:rgba(212,119,69,.08);}
.review-log-note{margin:10px 0 0;color:#7f8a81;font-size:10px;line-height:1.45;}
.review-log-note code{color:#aeb8ad;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
@media (max-width:760px){
  .finding-title-row,.brief-topline,.review-summary{align-items:flex-start;flex-direction:column;}
  .review-persistence{white-space:normal;}
  .verification-grid{grid-template-columns:1fr;}
  .review-controls{align-items:flex-start;flex-direction:column;}
  .actions{flex-wrap:wrap;}
}

/* v0.9 on-page QA */
.onpage-qa{margin-top:34px;padding:24px;border:1px solid rgba(242,238,227,.12);border-radius:14px;background:rgba(18,26,23,.58);}
.qa-title{margin-bottom:14px;}
.qa-kicker{color:#b7bda9;}
.qa-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;}
.qa-summary-card{padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:rgba(10,16,14,.35);}
.qa-summary-card span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase;}
.qa-summary-card strong{display:block;margin-top:5px;font-size:20px;color:#e7eadf;}
.qa-summary-issue strong{color:#e0a38b;}
.qa-summary-review strong{color:#dbc990;}
.qa-summary-good strong{color:#a9bea4;}
.qa-explainer{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.55;max-width:980px;}
.qa-checks{display:grid;gap:8px;}
.qa-check{border:1px solid var(--line);border-radius:9px;background:rgba(9,15,13,.28);overflow:hidden;}
.qa-check>summary{display:grid;grid-template-columns:10px minmax(145px,.7fr) minmax(250px,2fr) auto;gap:10px;align-items:center;padding:12px 13px;cursor:pointer;list-style:none;}
.qa-check>summary::-webkit-details-marker{display:none;}
.qa-status-dot{width:8px;height:8px;border-radius:50%;background:#8ca28a;box-shadow:0 0 0 3px rgba(140,162,138,.08);}
.qa-issue .qa-status-dot{background:#d47745;box-shadow:0 0 0 3px rgba(212,119,69,.1);}
.qa-review .qa-status-dot{background:#c8b568;box-shadow:0 0 0 3px rgba(200,181,104,.08);}
.qa-check-name{color:#e7ebe3;font-size:12px;font-weight:800;}
.qa-check-summary{color:#bfc7bd;font-size:11px;line-height:1.4;}
.qa-check-count{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:#9ca79d;font-size:9px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.qa-issue .qa-check-count{border-color:rgba(212,119,69,.34);color:#e2a787;}
.qa-review .qa-check-count{border-color:rgba(200,181,104,.3);color:#d8ca98;}
.qa-check[open]>summary{border-bottom:1px solid var(--line);}
.qa-check-body{padding:12px 13px;}
.qa-note{margin:0 0 10px;color:#8f9a90;font-size:10px;line-height:1.5;}
.qa-items{display:grid;gap:7px;}
.qa-item{padding:10px 11px;border:1px solid rgba(242,238,227,.08);border-radius:8px;background:rgba(242,238,227,.025);}
.qa-item-issue{border-left:3px solid rgba(212,119,69,.7);}
.qa-item-review{border-left:3px solid rgba(200,181,104,.6);}
.qa-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.qa-item-top strong{color:#dde2da;font-size:11px;}
.qa-item-value{margin-top:5px;color:#c2c9c0;font-size:10px;line-height:1.45;overflow-wrap:anywhere;}
.qa-item-url{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:9px;}
.qa-item-url>a:first-child{color:#9fab9f;text-decoration:underline;text-decoration-color:rgba(212,119,69,.35);overflow-wrap:anywhere;}
.qa-clear{padding:10px 11px;border:1px solid rgba(127,146,126,.14);border-radius:8px;color:#9ca99a;font-size:10px;background:rgba(127,146,126,.04);}
.qa-more{margin:8px 0 0;color:#7f8a81;font-size:9px;}
@media (max-width:900px){.qa-summary-grid{grid-template-columns:1fr 1fr}.qa-check>summary{grid-template-columns:10px 1fr auto}.qa-check-summary{grid-column:2 / 4;}}
@media (max-width:620px){.onpage-qa{padding:16px}.qa-summary-grid{grid-template-columns:1fr 1fr}.qa-check>summary{grid-template-columns:10px 1fr}.qa-check-count{grid-column:2}.qa-check-summary{grid-column:2}.qa-item-top{align-items:flex-start;flex-direction:column}}

/* v1.0 QA workflow refinements */
.qa-summary-card small{display:block;margin-top:3px;color:#7f8a81;font-size:9px;line-height:1.35;}
.qa-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;border:1px solid rgba(242,238,227,.08);border-radius:9px;background:rgba(242,238,227,.02);}
.qa-toolbar>span{margin-right:3px;color:#8e988f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.qa-filter{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#aeb7ad;font-size:9px;font-weight:800;cursor:pointer;}
.qa-filter:hover,.qa-filter.active{border-color:rgba(212,119,69,.55);background:rgba(212,119,69,.09);color:#e4c0aa;}
.qa-filter-empty{padding:14px;border:1px dashed var(--line);border-radius:9px;color:#8b958b;font-size:10px;text-align:center;}
.qa-pattern-section,.qa-page-inspector{margin:0 0 12px;border:1px solid rgba(127,146,126,.22);border-radius:9px;background:rgba(127,146,126,.035);overflow:hidden;}
.qa-pattern-section>summary,.qa-page-inspector>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;}
.qa-pattern-section>summary::-webkit-details-marker,.qa-page-inspector>summary::-webkit-details-marker{display:none;}
.qa-pattern-section>summary span,.qa-page-inspector>summary span{color:#dfe4dc;font-size:11px;font-weight:800;}
.qa-pattern-section>summary strong,.qa-page-inspector>summary strong{color:#91a18f;font-size:9px;text-transform:uppercase;letter-spacing:.06em;}
.qa-pattern-section[open]>summary,.qa-page-inspector[open]>summary{border-bottom:1px solid rgba(242,238,227,.08);}
.qa-pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;}
.qa-pattern{padding:10px 11px;border:1px solid rgba(242,238,227,.08);border-radius:8px;background:rgba(10,16,14,.36);}
.qa-pattern-issue{border-left:3px solid rgba(212,119,69,.72);}
.qa-pattern-review{border-left:3px solid rgba(200,181,104,.58);}
.qa-pattern-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.qa-pattern-top strong{color:#dce1d9;font-size:11px;line-height:1.35;}
.qa-pattern p{margin:5px 0 0;color:#9ca69b;font-size:9px;line-height:1.45;}
.qa-pattern-links{display:grid;gap:3px;margin-top:7px;}
.qa-pattern-links a{color:#9eaa9f;font-size:8px;text-decoration:underline;text-decoration-color:rgba(212,119,69,.32);overflow-wrap:anywhere;}
.qa-page-inspector-body{padding:12px;}
.qa-page-inspector-body>label{display:block;margin:0 0 6px;color:#8f9a90;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
.qa-page-inspector-body select{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#101815;color:#dfe4dc;font:inherit;font-size:10px;}
#qa-page-summary{margin-top:10px;padding:11px;border:1px solid rgba(242,238,227,.08);border-radius:8px;background:rgba(242,238,227,.02);}
.qa-page-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.qa-page-summary-head>div{display:flex;align-items:center;gap:8px;}
.qa-page-summary-head a{color:#b9c2b8;font-size:9px;text-decoration:underline;text-decoration-color:rgba(212,119,69,.4);}
.qa-page-summary-head p{margin:0;max-width:64%;color:#bfc7bd;font-size:10px;text-align:right;line-height:1.4;}
.qa-page-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.qa-page-module{position:relative;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:rgba(8,14,12,.34);}
.qa-page-module span{display:block;color:#aeb7ad;font-size:9px;line-height:1.25;}
.qa-page-module strong{display:block;margin-top:3px;color:#a9bea4;font-size:11px;}
.qa-page-module small{display:block;margin-top:2px;color:#78847a;font-size:8px;}
.qa-page-issue{border-color:rgba(212,119,69,.35);}.qa-page-issue strong{color:#e0a38b;}
.qa-page-review{border-color:rgba(200,181,104,.3);}.qa-page-review strong{color:#dbc990;}
@media (max-width:900px){.qa-pattern-grid{grid-template-columns:1fr}.qa-page-modules{grid-template-columns:1fr 1fr}.qa-page-summary-head{flex-direction:column}.qa-page-summary-head p{max-width:none;text-align:left;}}
@media (max-width:620px){.qa-page-modules{grid-template-columns:1fr}.qa-toolbar{align-items:flex-start}.qa-filter{min-height:28px}.qa-pattern-section>summary,.qa-page-inspector>summary{align-items:flex-start;flex-direction:column;}}

/* v1.0 recording plan */
.recording-plan{margin:14px 0;border:1px solid rgba(127,146,126,.25);border-radius:10px;background:rgba(127,146,126,.045);overflow:hidden;}
.recording-plan>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;}
.recording-plan>summary::-webkit-details-marker{display:none;}
.recording-plan>summary span{color:#e3e7de;font-size:12px;font-weight:850;}
.recording-plan>summary strong{padding:4px 8px;border:1px solid rgba(127,146,126,.35);border-radius:999px;color:#aebfa9;font-size:9px;text-transform:uppercase;letter-spacing:.06em;}
.recording-plan[open]>summary{border-bottom:1px solid rgba(242,238,227,.08);}
.recording-plan-body{padding:13px 14px;}
.plan-script{padding:10px 11px;border:1px solid rgba(242,238,227,.07);border-radius:8px;background:rgba(242,238,227,.025);}
.plan-script span{display:block;color:#d19a78;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;}
.plan-script p{margin:5px 0 0;color:#c8d0c6;font-size:11px;line-height:1.55;}
.plan-closing{margin-top:8px;}
.plan-steps{display:grid;gap:6px;margin:8px 0;}
.plan-step{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;padding:9px 10px;border-left:2px solid rgba(127,146,126,.42);background:rgba(8,14,12,.28);}
.plan-time{color:#99aa96;font-size:9px;font-weight:800;white-space:nowrap;}
.plan-step strong{display:block;color:#dfe4dc;font-size:10px;line-height:1.35;}
.plan-step p{margin:3px 0 0;color:#8f9a90;font-size:9px;line-height:1.4;}
@media (max-width:620px){.recording-plan>summary{align-items:flex-start;flex-direction:column}.plan-step{grid-template-columns:1fr}.plan-time{order:2}}

/* v1.0 verification readability */
.verification-body>.review-controls{margin:0 0 14px;padding:0 0 12px;border-top:0;border-bottom:1px solid rgba(242,238,227,.08);}
.verification-found-list{display:grid;gap:6px;margin-top:7px;}
.verification-found-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(242,238,227,.08);border-radius:7px;background:rgba(8,14,12,.28);}
.verification-found-row>div{min-width:0;}
.verification-found-row strong{display:block;color:#dfe4dc;font-size:9px;line-height:1.3;}
.verification-found-row span{display:block;margin-top:2px;color:#aeb7ad;font-size:8px;line-height:1.4;overflow-wrap:anywhere;}
.verification-found-row a{flex:0 0 auto;padding:3px 6px;border:1px solid rgba(127,146,126,.32);border-radius:999px;color:#afbeab;font-size:8px;text-decoration:none;}
@media (max-width:620px){.verification-found-row{flex-direction:column}.verification-found-row a{align-self:flex-start}}


/* v1.1 hosted controls */
.hero-actions{display:flex;align-items:flex-start;gap:18px}.logout-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:inherit;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.78}.logout-link:hover{opacity:1;border-color:rgba(255,255,255,.35)}
@media (max-width:700px){.hero-actions{gap:10px}.logout-link{min-height:34px;padding:7px 10px}}

/* ========================================================================
   CADENCE SEARCH BRAND PASS — 2026-09
   Mirrors the dark navy / white / spectrum visual system used on the site.
   ======================================================================== */
:root{
  --ink:#07101c;
  --ink-soft:#0c1624;
  --panel:#101a29;
  --panel-2:#131f2f;
  --cream:#f8f8f5;
  --muted:#aab5c5;
  --line:rgba(153,177,211,.18);
  --accent:#ff0065;
  --accent-soft:#20e1e6;
  --moss:#22d6dc;
  --critical:#ff6f8f;
  --high:#ff9b72;
  --medium:#dfc979;
  --low:#8fd9d6;
  --brand-pink:#ff0065;
  --brand-violet:#6338ff;
  --brand-cyan:#16dbe2;
  --brand-green:#22ef45;
  --brand-navy:#07101c;
}
html{background:var(--brand-navy);}
body{
  background:
    radial-gradient(circle at 91% 5%,rgba(94,56,255,.22),transparent 32rem),
    radial-gradient(circle at 10% 35%,rgba(17,219,226,.045),transparent 32rem),
    repeating-radial-gradient(ellipse 115% 74% at 4% 31%,transparent 0 92px,rgba(88,117,157,.095) 93px 95px,transparent 96px 166px),
    linear-gradient(180deg,#07101c 0%,#08111f 46%,#091521 100%);
  color:var(--cream);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(115deg,rgba(255,0,101,.025),transparent 23%,transparent 70%,rgba(99,56,255,.035));
}
.brand-bar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.985);box-shadow:0 8px 30px rgba(1,7,16,.14);}
.brand-bar-inner{width:min(1440px,calc(100% - 64px));height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.brand-logo{display:inline-flex;align-items:center;text-decoration:none;}
.brand-logo img{display:block;width:196px;height:auto;max-height:58px;object-fit:contain;}
.brand-tools{display:flex;align-items:center;gap:10px;color:#0b0f18;font-weight:800;}
.brand-tool-name{font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.brand-version{padding:10px 13px;border:1px solid #d9dce4;border-radius:999px;background:#f7f8fb;font-size:11px;letter-spacing:.02em;white-space:nowrap;}
.spectrum-line{height:4px;display:grid;grid-template-columns:24% 28% 28% 20%;overflow:hidden;}
.spectrum-line span:nth-child(1){background:var(--brand-pink);}
.spectrum-line span:nth-child(2){background:var(--brand-violet);}
.spectrum-line span:nth-child(3){background:var(--brand-cyan);}
.spectrum-line span:nth-child(4){background:var(--brand-green);}
.shell{width:min(1240px,calc(100% - 54px));padding:64px 0 64px;}
.hero{position:relative;min-height:390px;align-items:center;padding:28px 0 54px;border-bottom:1px solid rgba(149,174,206,.12);overflow:hidden;}
.hero::after{content:"";position:absolute;right:-140px;top:-100px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(99,56,255,.16) 0%,rgba(99,56,255,.05) 42%,transparent 70%);pointer-events:none;}
.hero-copy{position:relative;z-index:2;max-width:850px;}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#22e1e5;font-size:12px;letter-spacing:.16em;font-weight:900;}
.eyebrow-dash{width:35px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--brand-pink),var(--brand-violet),var(--brand-cyan));box-shadow:0 0 18px rgba(22,219,226,.18);}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6.7vw,84px);font-weight:700;letter-spacing:-.04em;line-height:.91;color:#fff;}
h1 span{color:#fff;}
.lede{max-width:800px;margin-top:24px;color:#b7c1d0;font-size:18px;line-height:1.62;}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.hero-pills span{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(166,188,216,.22);border-radius:999px;background:rgba(19,31,47,.64);color:#e9edf4;font-size:12px;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.035);}
.hero-pills i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 14px currentColor;}
.pink-dot{background:var(--brand-pink);color:var(--brand-pink);}.violet-dot{background:var(--brand-violet);color:var(--brand-violet);}.cyan-dot{background:var(--brand-cyan);color:var(--brand-cyan);}
.hero-mark{position:relative;z-index:2;flex:0 0 230px;width:230px;height:230px;display:grid;place-items:center;opacity:.95;}
.hero-mark img{position:relative;z-index:3;width:104px;height:104px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.25));}
.mark-orbit{position:absolute;border:1px solid rgba(110,144,186,.17);border-radius:50%;}
.orbit-one{width:170px;height:170px}.orbit-two{width:220px;height:220px}.orbit-three{width:280px;height:280px;opacity:.65}
.scanner-card{position:relative;margin-top:38px;padding:30px;background:linear-gradient(145deg,rgba(16,26,41,.96),rgba(10,18,31,.94));border:1px solid rgba(147,174,211,.24);border-radius:17px;box-shadow:0 28px 75px rgba(0,0,0,.32);backdrop-filter:blur(12px);overflow:hidden;}
.scanner-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand-pink) 0%,var(--brand-violet) 36%,var(--brand-cyan) 70%,var(--brand-green) 100%);}
.scanner-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.scanner-kicker{margin:0 0 4px;color:#20dde2;font-size:10px;letter-spacing:.15em;font-weight:900;}
.scanner-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.05;letter-spacing:-.025em;color:#fff;}
.scanner-note{padding:7px 9px;border:1px solid rgba(151,177,207,.2);border-radius:999px;color:#8593a6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
label{color:#dfe5ed;}
input{border-color:rgba(153,177,211,.27);background:#0b1422;color:#fff;border-radius:10px;}
input::placeholder{color:#65738a;}
input:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px rgba(22,219,226,.11);}
button{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(95deg,var(--brand-pink),#cc1cc8 38%,var(--brand-violet) 68%,var(--brand-cyan));color:#fff;box-shadow:0 12px 30px rgba(72,37,183,.17);}
button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 50%,transparent 80%);transform:translateX(-120%);transition:transform .5s ease;}
button:hover::after{transform:translateX(120%);}button:hover{filter:brightness(1.08);}
.mode-option{border-color:rgba(153,177,211,.19);background:rgba(9,18,31,.7);border-radius:11px;transition:border-color .2s ease,background .2s ease,transform .2s ease;}
.mode-option:hover{border-color:rgba(22,219,226,.34);background:rgba(15,28,45,.86);transform:translateY(-1px);}
.mode-option input{accent-color:var(--brand-cyan);}
.mode-option strong{color:#f2f5f8}.mode-option small{color:#8f9bad;}
.depth-row{border-color:rgba(153,177,211,.15)!important;background:rgba(8,16,28,.4)!important;}
.depth-row select{border-color:rgba(153,177,211,.22)!important;background:#0b1422!important;color:#eef3f7!important;}
.summary{gap:13px;}
.summary-box{position:relative;overflow:hidden;border-color:rgba(153,177,211,.18);background:linear-gradient(145deg,rgba(17,29,45,.93),rgba(11,20,33,.9));border-radius:13px;box-shadow:0 12px 34px rgba(0,0,0,.12);}
.summary-box::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--brand-pink),var(--brand-violet),var(--brand-cyan));opacity:.82;}
.summary-box .kicker{color:#8694a7}.summary-box .value{color:#f4f7fa;}
.findings{margin-top:42px;}
.section-title{margin-bottom:18px;}.section-title h2{font-weight:700;letter-spacing:-.025em;color:#fff;}.section-title p{color:#8694a7;}
.finding{margin:0 0 12px;padding:23px;border:1px solid rgba(153,177,211,.16);border-radius:14px;background:linear-gradient(145deg,rgba(15,26,42,.9),rgba(9,18,31,.82));box-shadow:0 14px 35px rgba(0,0,0,.12);}
.finding:last-child{border-bottom:1px solid rgba(153,177,211,.16);}
.finding h3{color:#f5f7fa;}.finding-copy{color:#b8c2cf;}.meta{color:#7f8da1;}
.badge{border-color:currentColor;background:rgba(255,255,255,.025);}
.evidence-item{background:#0a1320;border-color:rgba(153,177,211,.15);color:#aeb9c7;}
.talking-point{border-left:3px solid var(--brand-cyan);background:linear-gradient(90deg,rgba(22,219,226,.075),rgba(99,56,255,.035));color:#e6ebf2;}
.secondary{background:#0b1422;color:#edf1f6;border-color:rgba(153,177,211,.22);box-shadow:none;}
.secondary::after,.review-choice::after,.qa-filter::after{display:none;}
.review-summary,.audit-coverage,.onpage-qa,.all-checks{border-color:rgba(153,177,211,.17)!important;background:rgba(11,20,33,.72)!important;}
.brief-card,.coverage-card,.qa-check,.qa-summary-card,.qa-pattern,.qa-page-module,.verification-block{border-color:rgba(153,177,211,.15)!important;background:rgba(12,22,36,.78)!important;}
.brief-number{background:linear-gradient(140deg,var(--brand-pink),var(--brand-violet),var(--brand-cyan))!important;color:#fff!important;border:0!important;}
.brief-kicker,.opportunity-kicker,.qa-kicker,.coverage-kicker{color:#1edbe0!important;}
.brief-script{border-left-color:var(--brand-cyan)!important;background:rgba(22,219,226,.055)!important;}
.verification-panel,.recording-plan,.qa-pattern-section,.qa-page-inspector{border-color:rgba(153,177,211,.16)!important;background:rgba(8,16,28,.6)!important;}
.verification-panel>summary,.recording-plan>summary{color:#eef2f6;}
.review-choice{background:#0b1422!important;color:#cfd7e2!important;border:1px solid rgba(153,177,211,.18)!important;box-shadow:none!important;}
.choice-use.active{border-color:rgba(34,239,69,.55)!important;color:#87f499!important;background:rgba(34,239,69,.08)!important;}
.choice-investigate.active{border-color:rgba(22,219,226,.55)!important;color:#80f0f3!important;background:rgba(22,219,226,.08)!important;}
.choice-ignore.active{border-color:rgba(255,111,143,.42)!important;color:#f4a1b5!important;background:rgba(255,111,143,.06)!important;}
.qa-status-dot{box-shadow:0 0 12px currentColor;}
.qa-filter{border-color:rgba(153,177,211,.18)!important;background:#0a1320!important;color:#aeb9c7!important;box-shadow:none!important;}
.qa-filter.active{border-color:rgba(22,219,226,.48)!important;color:#e5fbfc!important;background:rgba(22,219,226,.075)!important;}
.scan-warning{border-color:rgba(255,111,143,.38);background:rgba(255,111,143,.07);color:#ffc0cf;}
.status{color:#8794a6;}.status.error{color:#ff88a5;}
.app-footer{display:flex;align-items:center;gap:10px;margin-top:58px;padding:24px 0 0;border-top:1px solid rgba(153,177,211,.12);color:#718095;font-size:10px;text-transform:uppercase;letter-spacing:.08em;}
.app-footer img{width:22px;height:22px;opacity:.78;}.footer-rule{margin-left:auto;}
.logout-link,.trail-mark{display:none!important;}
@media(max-width:900px){.hero{min-height:340px}.hero-mark{display:none}.brand-bar-inner{width:min(100% - 36px,1440px)}.shell{width:min(100% - 34px,1240px)}.scanner-heading{align-items:flex-start}.brand-tool-name{display:none}}
@media(max-width:620px){.brand-bar-inner{height:72px;width:calc(100% - 28px)}.brand-logo img{width:158px}.brand-version{padding:8px 10px;font-size:9px}.shell{width:calc(100% - 24px);padding-top:34px}.hero{min-height:0;padding:18px 0 38px}.eyebrow{font-size:10px}.lede{font-size:15px}.hero-pills span{font-size:10px;padding:8px 10px}.scanner-card{padding:22px 18px}.scanner-heading{flex-direction:column;gap:10px}.scanner-heading h2{font-size:27px}.scanner-note{display:none}.app-footer{align-items:flex-start;flex-wrap:wrap}.footer-rule{width:100%;margin-left:32px}}