:root {
  color-scheme: light;
  --ink: #121614;
  --muted: #4d5c53;
  --deep: #090b0a;
  --green: #117644;
  --accent: #62c188;
  --paper: #f1efe8;
  --page: #f6f9f6;
  --line: #dbe2d8;
  --white: #fff;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--ink); background: var(--page); }
h1, h2, h3, p, dl, dd { margin: 0; }
.shell { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
.masthead { background: #fff; border-top: 4px solid var(--green); border-bottom: 1px solid #c8ddd0; }
.masthead-inner { min-height: 106px; padding-block: 9px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.district-brand { width: min(322px, 62%); }
.district-brand .eyebrow { display: block; margin-bottom: 4px; }
.district-lockup { aspect-ratio: 875 / 229; overflow: hidden; }
.district-lockup img { display: block; width: 223.1%; max-width: none; height: auto; }
.maker { display: grid; justify-items: end; gap: 4px; }
.brand { display: inline-flex; gap: 6px; align-items: center; color: #1c3225; font-size: 15px; font-weight: 720; letter-spacing: -.02em; }
.brand img { object-fit: contain; }
.environment { font-size: 11px; font-weight: 650; color: #335343; display: flex; align-items: center; gap: 6px; text-align: right; }
.environment i { display: inline-block; background: var(--green); width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; }
.overview { display: flex; justify-content: space-between; gap: 24px; align-items: end; padding: 28px 0 21px; }
.eyebrow { color: var(--green); font: 650 10px/1.45 var(--mono); letter-spacing: .12em; }
h1 { font-size: clamp(34px, 5vw, 53px); line-height: 1.05; letter-spacing: -.062em; font-weight: 770; margin: 5px 0 9px; }
.intro { color: var(--muted); font-size: 14px; line-height: 1.5; max-width: 68ch; }
.overview-action { display: grid; justify-items: end; gap: 6px; flex: 0 0 auto; }
button, select, input { font: inherit; }
button, select, input, .table-wrap, summary { outline-offset: 3px; }
button:focus-visible, select:focus-visible, input:focus-visible, .table-wrap:focus-visible, summary:focus-visible { outline: 3px solid #2e7d4f; }
button { border: 1px solid transparent; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-weight: 720; font-size: 13px; min-height: 36px; }
button.primary { background: var(--green); color: var(--white); }
button.primary:hover:not(:disabled) { background: #173e28; }
button.primary span { margin-left: 5px; }
button.quiet { background: #f6f8f4; color: #26382d; border-color: #ccd8ce; }
button.quiet:hover:not(:disabled) { background: #eaf2e9; }
button:disabled { opacity: .63; cursor: default; }
select, input { min-width: 0; background: var(--white); color: var(--ink); border: 1px solid #b8c9bd; border-radius: 7px; padding: 8px; font-size: 13px; }
.queue, .workflow, .evidence, .proof { margin-bottom: 16px; padding: 17px 19px; border-radius: 14px; border: 1px solid var(--line); background: var(--white); box-shadow: 0 3px 13px #10292206; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 11px; }
h2 { font-size: clamp(21px, 3vw, 26px); line-height: 1.13; letter-spacing: -.04em; margin-top: 3px; }
h3 { font-size: 15px; letter-spacing: -.019em; }
.search input { width: 234px; max-width: 100%; }
.mobile-hint { display: none; }
.filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }
button.filter { min-height: 31px; padding: 5px 8px; font-size: 12px; background: #f4f6f2; color: #31463a; border-color: var(--line); }
button.filter[aria-pressed="true"] { color: var(--white); background: var(--green); border-color: var(--green); }
.filter span { font: 650 11px var(--mono); opacity: .85; margin-left: 3px; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 9px; }
table { width: 100%; border-collapse: collapse; min-width: 665px; font-size: 13px; }
th, td { padding: 7px 11px; text-align: left; border-bottom: 1px solid var(--line); }
thead { background: #edf2eb; color: #35473c; font-size: 12px; }
tbody th { font-weight: 640; }
tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; }
tfoot { background: #f4f7f2; }
tfoot td, tfoot th { border: 0; font-weight: 760; }
.queue-table tbody tr[data-selected="true"] { background: #eef5ed; }
.queue-table tbody tr:hover { background: #f5f7f2; }
.case-link { min-height: 23px; padding: 0; background: transparent; color: var(--green); border: 0; text-align: left; }
.case-link:hover { text-decoration: underline; }
.case-subtitle { display: block; color: var(--muted); font-size: 11px; font-weight: 500; }
.amount { text-align: right; font-variant-numeric: tabular-nums; }
.empty { text-align: center; color: var(--muted); padding: 13px; }
.status { display: inline-flex; padding: 4px 7px; border-radius: 100px; border: 1px solid #dbe4d8; font: 650 11px/1.25 var(--mono); background: #f4f7f2; white-space: nowrap; }
.status[data-tone="success"] { color: #194532; background: #e8f5e9; border-color: #c6e1ca; }
.status[data-tone="warning"] { color: #673b05; background: #fff2d4; border-color: #ead2aa; }
#case-panel { scroll-margin-top: 12px; }
#case-panel:focus { outline: none; }
.steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.step { text-align: center; min-width: 0; padding: 7px 3px; background: #f5f7f4; color: #58675e; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; }
.step[data-active="true"] { border-color: #729879; color: #1b4830; background: #ecf6eb; font-weight: 750; }
.step[data-done="true"] { background: #f0f5f0; color: #245e3d; }
.step[data-done="true"]::before { content: "✓ "; }
.outcome { padding: 10px 12px; margin-top: 9px; border-radius: 8px; background: #eef4ec; color: #183f2a; }
.outcome[data-tone="warning"] { background: #fff3db; color: #67410e; }
.outcome[data-tone="error"] { background: #fbefed; color: #772f29; }
.outcome strong { font-size: 14px; }
.outcome p { font-size: 13px; margin-top: 2px; line-height: 1.42; }
.case-actions, .action-main, .secondary-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.case-actions { margin-top: 9px; }
.case-actions > #reset { margin-left: auto; }
.action-main label { font-size: 12px; color: var(--muted); }
.action-main select { margin-left: 3px; }
.aside { font-size: 12px; line-height: 1.42; color: var(--muted); }
.source-strip { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 9px; margin-bottom: 9px; background: #f5f8f3; }
.source-strip div { padding: 8px 11px; }
.source-strip div + div { border-left: 1px solid var(--line); }
.source-strip span { display: block; color: var(--muted); font-size: 12px; }
.source-strip strong { display: block; font: 700 13px/1.55 var(--mono); }
.line-result { color: var(--muted); font-weight: 650; }
.line-result[data-tone="success"] { color: #226048; }
.line-result[data-tone="warning"] { color: #824e14; }
.source-note { margin-top: 7px; }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.metrics > div { padding: 9px 11px; background: #146141; color: var(--white); border-radius: 8px; }
.metrics dt { font-size: 12px; font-weight: 620; color: #dde8df; }
.metrics dd { margin-top: 1px; color: #fff; font: 700 29px/1.05 var(--mono); }
.proof-body { display: grid; grid-template-columns: .8fr 1.2fr; gap: 11px; margin-top: 10px; }
.record, .audit { padding: 11px; border: 1px solid var(--line); border-radius: 9px; }
.record dl { margin-top: 7px; display: grid; grid-template-columns: 1fr 1.7fr; gap: 6px; font-size: 12px; }
.record dt { color: var(--muted); }
.record dd { font: 620 12px/1.4 var(--mono); overflow-wrap: anywhere; }
.audit ol { margin: 6px 0 0; padding: 0; list-style: none; max-height: 270px; overflow-y: auto; }
.audit li { display: grid; grid-template-columns: 115px 1fr; gap: 7px; padding: 5px 0; font-size: 12px; line-height: 1.4; }
.audit li + li { border-top: 1px solid var(--line); }
.audit time { color: var(--green); font: 620 10px/1.5 var(--mono); }
.audit strong { display: block; }
.audit p { color: var(--muted); }
details { margin-top: 8px; font-size: 12px; }
summary { cursor: pointer; font-weight: 680; color: var(--green); }
details p { margin: 7px 0; }
pre { padding: 10px; background: #f4f7f2; border-radius: 7px; margin: 7px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.55 var(--mono); }
.requirements > p:last-child { font-size: 13px; line-height: 1.55; color: var(--muted); margin-top: 6px; max-width: 84ch; }
.footer { display: flex; align-items: baseline; gap: 8px 15px; flex-wrap: wrap; padding: 4px 0 22px; color: var(--muted); font-size: 12px; }
.footer strong { color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 750px) {
  .shell { width: calc(100% - 32px); }
  .overview { flex-direction: column; align-items: start; gap: 10px; }
  .overview-action { justify-items: start; }
  .proof-body { grid-template-columns: 1fr; }
  .mobile-hint { display: block; margin-top: 4px; }
}
@media (max-width: 450px) {
  .masthead-inner { min-height: 74px; gap: 8px; }
  .brand { font-size: 12px; gap: 4px; }
  .environment { font-size: 9px; }
  .brand img { width: 23px; height: 23px; }
  .district-brand .eyebrow { font-size: 8px; }
  .district-brand { width: min(220px, 62%); }
  .overview { padding: 19px 0 14px; }
  .queue, .workflow, .evidence, .proof { padding: 12px; }
  .section-head { align-items: start; flex-direction: column; gap: 7px; }
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .source-strip div { padding: 6px; }
  .source-strip strong, .step { font-size: 10px; }
  .case-actions > #reset { margin-left: 0; }
  .audit li { grid-template-columns: 86px 1fr; }
}