@font-face { font-family: "Unbounded"; src: url("/assets/fonts/unbounded-latin.woff2") format("woff2"); font-style: normal; font-weight: 200 900; font-display: swap; }
:root { --paper:#f1f3f0; --paper-bright:#fafbf8; --paper-deep:#e3e7e3; --ink:#171b22; --ink-soft:#596167; --rule:#aeb5b8; --rule-dark:#727b83; --cobalt:#174fc9; --cobalt-dark:#103a94; --cobalt-wash:#dbe5ff; --vermilion:#c83927; --amber:#d39717; --success:#176d53; --on-dark:#fff; }
* { box-sizing: border-box; }
html { min-height:100%; background:var(--paper); }
html.auth-pending body { visibility:hidden; }
body { min-width:320px; min-height:100vh; margin:0; color:var(--ink); background:linear-gradient(rgba(23,27,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,27,34,.025) 1px,transparent 1px),var(--paper); background-size:100% 42px,42px 100%; font-family:"Segoe UI Variable",Aptos,"Segoe UI",sans-serif; }
button,select { font:inherit; } button,select { cursor:pointer; } a { color:inherit; }
::selection { color:var(--on-dark); background:var(--cobalt); }
:focus-visible { outline:3px solid var(--cobalt); outline-offset:2px; }
button,a,select { touch-action:manipulation; -webkit-tap-highlight-color:rgba(23,79,201,.18); }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; color:white; background:var(--ink); transform:translateY(-140%); }
.skip-link:focus { transform:none; }
.utility-button,.chapter-action { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:1px solid var(--ink); padding:0 14px; color:var(--ink); background:var(--paper-bright); font-family:"Cascadia Mono",Consolas,monospace; font-size:10px; font-weight:760; text-decoration:none; text-transform:uppercase; }
.utility-button:hover,.chapter-action:hover,.utility-button:focus-visible,.chapter-action:focus-visible { color:white; background:var(--ink); }
.metrics-status { min-height:25px; border-bottom:1px solid var(--rule-dark); padding:5px 18px; color:var(--cobalt-dark); background:var(--cobalt-wash); font:10px/1.4 "Cascadia Mono",Consolas,monospace; }
.metrics-status[data-tone="error"] { color:#a72c1d; background:#f6dcd6; }
.metrics-main { width:min(1480px,100%); margin:0 auto; padding:34px 28px 72px; }
.metrics-heading { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:30px; align-items:end; padding-bottom:26px; border-bottom:2px solid var(--ink); }
.metrics-heading h1 { max-width:850px; margin:0; font:850 clamp(28px,4.5vw,58px)/.98 "Unbounded","Segoe UI Variable",sans-serif; letter-spacing:-.04em; text-wrap:balance; }
.metrics-heading p { max-width:680px; margin:14px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.55; }
.niche-switch { display:grid; gap:7px; }
.niche-switch span { font:760 10px/1.4 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.niche-switch select { min-height:46px; width:100%; border:1px solid var(--ink); border-radius:0; padding:0 12px; background:var(--paper-bright); color:var(--ink); font-weight:750; }
.signal-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--ink); }
.signal-strip div { min-height:112px; padding:20px 18px; border-right:1px solid var(--rule-dark); }
.signal-strip div:last-child { border-right:0; }
.signal-strip strong { display:block; font:850 clamp(26px,4vw,52px)/1 "Segoe UI Variable",Aptos,sans-serif; letter-spacing:-.04em; }
.signal-strip span { display:block; margin-top:8px; color:var(--ink-soft); font:720 10px/1.4 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
.metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid var(--ink); }
.metric-chapter { min-width:0; padding:28px; border-right:1px solid var(--rule-dark); border-bottom:1px solid var(--rule-dark); background:rgba(250,251,248,.72); }
.metric-chapter:nth-child(2n) { border-right:0; }
.metric-chapter > header { display:flex; justify-content:space-between; gap:20px; align-items:baseline; padding-bottom:13px; border-bottom:2px solid var(--ink); }
.metric-chapter h2 { margin:0; font:850 clamp(22px,3vw,36px)/1 "Unbounded","Segoe UI Variable",sans-serif; letter-spacing:-.04em; }
.metric-chapter header p { margin:0; color:var(--ink-soft); font:10px/1.4 "Cascadia Mono",Consolas,monospace; text-align:right; }
.chapter-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric-fact { min-width:0; padding:16px 10px 16px 0; border-bottom:1px dotted var(--rule); }
.metric-fact strong { display:block; font-size:22px; line-height:1.05; }
.metric-fact span { display:block; margin-top:5px; color:var(--ink-soft); font-size:11px; line-height:1.35; }
.evidence-table-wrap { margin-top:22px; }
.evidence-table-wrap h3 { margin:0 0 9px; font-size:12px; }
.reason-evidence { margin-top:22px; border-top:1px dotted var(--rule-dark); padding-top:12px; }
.reason-evidence summary { color:var(--cobalt-dark); cursor:pointer; font-size:11px; font-weight:780; }
.reason-evidence > p { max-width:62ch; margin:9px 0 0; color:var(--ink-soft); font-size:10px; line-height:1.5; }
.reason-evidence .evidence-table-wrap { margin-top:12px; }
.reason-evidence tr[data-standard="true"] td:first-child::after { content:"Standardcode"; display:inline-block; margin-left:7px; color:var(--cobalt-dark); font:700 7px/1.3 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
table { width:100%; border-collapse:collapse; font-size:11px; }
th,td { padding:8px 7px; border-bottom:1px solid var(--rule); text-align:right; }
th:first-child,td:first-child { width:58%; padding-left:0; text-align:left; }
th { color:var(--ink-soft); font:760 9px/1.3 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
td { font-variant-numeric:tabular-nums; }
.chapter-action { margin-top:22px; }
.learning-copy { max-width:70ch; margin:18px 0 0; color:var(--ink-soft); line-height:1.55; }
.learning-actions { display:flex; flex-wrap:wrap; gap:9px; }
.learning-actions .chapter-action:disabled { opacity:.38; cursor:not-allowed; }
.measurement-notes { max-width:1000px; padding:30px 0 0; }
.measurement-notes h2 { margin:0 0 12px; font-size:15px; }
.measurement-note { display:grid; grid-template-columns:180px 1fr; gap:18px; padding:10px 0; border-top:1px dotted var(--rule-dark); }
.measurement-note strong { font:760 10px/1.4 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
.measurement-note span { color:var(--ink-soft); font-size:12px; }
.metrics-error { max-width:680px; margin:60px auto; padding:26px; border:1px solid var(--vermilion); background:#f6dcd6; }
.metrics-error h2 { margin:0; }.metrics-error p { margin:9px 0 20px; }
@media (max-width:900px) { .metrics-main { padding:26px 16px 60px; } .metrics-heading { grid-template-columns:1fr; } .niche-switch { max-width:none; } .signal-strip { grid-template-columns:repeat(2,1fr); } .signal-strip div:nth-child(2) { border-right:0; } .metrics-grid { grid-template-columns:1fr; } .metric-chapter,.metric-chapter:nth-child(2n) { border-right:0; } }
@media (max-width:540px) { .metrics-main { padding:20px 12px 48px; } .metrics-heading h1 { font-size:30px; } .signal-strip div { min-height:88px; padding:15px 10px; } .signal-strip strong { font-size:28px; } .metric-chapter { padding:22px 14px; } .metric-chapter > header { display:block; } .metric-chapter header p { margin-top:8px; text-align:left; } .chapter-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } table { table-layout:fixed; font-size:9px; } th,td { padding:7px 3px; } th:first-child,td:first-child { width:55%; overflow-wrap:anywhere; } .measurement-note { grid-template-columns:1fr; gap:3px; } }
.sales-origin { margin-top:34px; padding:28px; border:1px solid var(--ink); background:rgba(250,251,248,.82); }
.sales-origin[aria-busy="true"] .sales-table-wrap,.sales-origin[aria-busy="true"] .sales-totals { opacity:.55; }
.sales-origin-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px 30px; align-items:flex-end; padding-bottom:14px; border-bottom:2px solid var(--ink); }
.sales-origin-head h2 { margin:0; font:850 clamp(22px,3vw,36px)/1 "Unbounded","Segoe UI Variable",sans-serif; letter-spacing:-.04em; }
.sales-origin-head p { max-width:70ch; margin:10px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.55; }
.sales-sync { display:grid; justify-items:end; gap:8px; max-width:360px; }
.sales-sync span { color:var(--ink-soft); font:10px/1.4 "Cascadia Mono",Consolas,monospace; text-align:right; }
.sales-sync .chapter-action { margin-top:0; }
.sales-origin .chapter-action:disabled { opacity:.45; cursor:progress; }
.sales-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; padding:18px 0 4px; }
.sales-controls label { display:grid; gap:6px; min-width:0; }
.sales-controls label span { font:760 10px/1.4 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.sales-controls input,.sales-controls select { min-height:40px; border:1px solid var(--ink); border-radius:0; padding:0 10px; color:var(--ink); background:var(--paper-bright); font:inherit; font-weight:700; }
.sales-controls select { min-width:190px; cursor:pointer; }
.sales-controls .chapter-action { margin-top:0; }
.sales-state { min-height:1.4em; margin:12px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.5; }
.sales-state:empty { display:none; }
.sales-state[data-tone="info"] { padding:12px 14px; border-left:3px solid var(--cobalt); color:var(--ink); background:var(--cobalt-wash); }
.sales-state[data-tone="warning"] { padding:10px 14px; border-left:3px solid var(--amber); color:var(--ink); background:#f7ecd2; }
.sales-state[data-tone="error"] { padding:10px 14px; border-left:3px solid var(--vermilion); color:#a72c1d; background:#f6dcd6; }
.sales-totals { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-top:14px; }
.sales-totals .metric-fact strong { overflow-wrap:anywhere; }
.sales-table-wrap { margin-top:18px; overflow-x:auto; }
.sales-table { min-width:760px; table-layout:auto; }
.sales-table caption { padding:0 0 9px; font-size:12px; font-weight:700; text-align:left; }
.sales-table th,.sales-table td { width:auto; white-space:nowrap; }
.sales-table thead th:first-child,.sales-table tbody th { width:30%; min-width:180px; max-width:340px; padding-left:0; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.sales-table tbody th { color:var(--ink); font:700 12px/1.35 "Segoe UI Variable",Aptos,"Segoe UI",sans-serif; text-transform:none; }
.sales-table tbody th[data-empty="true"] { color:var(--ink-soft); font-style:italic; font-weight:600; }
.sales-top { margin-top:24px; }
.sales-top h3 { margin:0 0 10px; font-size:12px; }
.sales-top ol { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:0 22px; margin:0; padding:0; list-style:none; }
.sales-motif { display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; padding:10px 0; border-top:1px dotted var(--rule-dark); }
.sales-motif img,.sales-motif-blank { width:44px; height:44px; border:1px solid var(--rule); object-fit:cover; background:var(--paper-deep); }
.sales-motif-blank { display:block; }
.sales-motif div { display:grid; gap:2px; min-width:0; }
.sales-motif strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.sales-motif span { overflow:hidden; color:var(--ink-soft); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.sales-motif .sales-motif-facts { color:var(--ink); font:10px/1.4 "Cascadia Mono",Consolas,monospace; }
.sales-note { max-width:80ch; margin:20px 0 0; color:var(--ink-soft); font-size:10px; line-height:1.55; }
@media (max-width:900px) { .sales-origin { padding:22px 16px; } .sales-totals { grid-template-columns:repeat(3,minmax(0,1fr)); } .sales-sync { justify-items:start; max-width:none; } .sales-sync span { text-align:left; } }
@media (max-width:540px) {
  .sales-origin { margin-top:24px; padding:20px 12px; }
  .sales-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sales-controls label:nth-of-type(3),.sales-controls .chapter-action { grid-column:1 / -1; }
  .sales-controls input,.sales-controls select { width:100%; min-width:0; }
  .sales-totals { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sales-table-wrap { overflow:visible; }
  .sales-table,.sales-table tbody { display:block; min-width:0; font-size:11px; }
  .sales-table caption { display:block; }
  .sales-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .sales-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; padding:10px 0; border-bottom:1px solid var(--rule-dark); }
  .sales-table tbody th { grid-column:1 / -1; width:auto; min-width:0; max-width:none; padding:0 0 6px; border:0; white-space:normal; overflow-wrap:anywhere; }
  .sales-table tbody td { display:flex; justify-content:space-between; gap:8px; width:auto; padding:4px 0; border-bottom:1px dotted var(--rule); white-space:normal; text-align:right; overflow-wrap:anywhere; }
  .sales-table tbody td::before { content:attr(data-label); color:var(--ink-soft); font:700 9px/1.4 "Cascadia Mono",Consolas,monospace; text-align:left; text-transform:uppercase; }
  .sales-table tbody td[colspan] { grid-column:1 / -1; justify-content:flex-start; text-align:left; }
  .sales-table tbody td[colspan]::before { content:none; }
  .sales-top ol { grid-template-columns:1fr; }
}