/* Hallmark · macrostructure: Index-First · tone: operational · anchor hue: Member blue
 * theme: studied-DNA (source: actual Member Live Board UI + owner reference)
 * nav: existing N3 side rail · footer: unchanged · enrichment: none · motion: none
 * audience: Member staff · use: look up saved results · scope: saved-results-board only */
/* Hallmark · pre-emit critique: P5 H4 E5 S5 R5 V4 · existing UI parity, not a global reskin */
.saved-results-board {
    --results-surface: oklch(100% 0 0);
    --results-canvas: oklch(97.5469% 0.004534 258.3245);
    --results-heading: oklch(97.2008% 0.006231 255.4748);
    --results-line: oklch(91.8169% 0.013890 247.9786);
    --results-ink: oklch(29.1060% 0.052933 251.0081);
    --results-muted: oklch(55.4391% 0.040717 257.4166);
    --results-canvas-muted: color-mix(in oklch, var(--results-muted) 90%, var(--results-ink));
    --results-primary: oklch(49.5964% 0.184464 258.6925);
    --results-primary-ink: var(--results-surface);
    --results-bottom: var(--results-primary);
    --results-focus: var(--results-primary);
    --results-soft: oklch(97.1220% 0.013643 258.3446);
    --results-input-line: oklch(88.5124% 0.037234 254.5739);
    --results-error: var(--color-error);
    --results-radius: 0.75rem;
    --results-control-radius: 0.375rem;
    min-height: 100dvh;
    min-width: 0;
    background: var(--results-canvas);
    color: var(--results-ink);
    font: var(--text-xs)/1.6 var(--font-body);
}
body:not(.light-theme) .saved-results-board {
    --results-surface: var(--color-rail-2);
    --results-canvas: var(--color-rail);
    --results-heading: var(--color-ink-2);
    --results-line: var(--color-muted);
    --results-ink: var(--color-rail-ink);
    --results-muted: var(--color-rule);
    --results-bottom: var(--color-rule);
    --results-soft: var(--color-ink-2);
    --results-input-line: var(--color-muted);
    --results-primary-ink: var(--color-paper);
}
.saved-results-board * { box-sizing: border-box; }
.saved-results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-xs) var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-bottom: var(--rule-thin) solid var(--results-line);
    background: var(--results-surface);
    color: var(--results-ink);
}
.saved-results-heading { display: flex; align-items: center; gap: var(--space-sm); min-width: 0; }
.saved-results-board h1 { margin: 0; min-width: 0; font: 600 var(--text-lg)/1.5 var(--font-display); overflow-wrap: anywhere; text-shadow: none; }
.saved-results-heading p { margin: 0; color: var(--results-muted); }
.saved-results-board button, .saved-results-board input {
    min-height: 44px;
    border: var(--rule-thin) solid var(--results-line);
    border-radius: var(--results-control-radius);
    background: var(--results-surface);
    color: var(--results-ink);
    font: inherit;
    transition: none;
    box-shadow: none;
}
.saved-results-board button { padding: var(--space-xs) var(--space-sm); cursor: pointer; white-space: nowrap; }
.saved-results-board .saved-results-back { min-width: 44px; padding: 0; color: var(--results-primary); font-size: var(--text-xl); }
.saved-results-board .saved-results-check-bills { color: var(--results-bottom); background: var(--results-soft); border-color: var(--results-input-line); }
.saved-results-board button.is-active { background: var(--results-primary); color: var(--results-primary-ink); border-color: var(--results-primary); font-weight: 600; }
.saved-results-board button:hover { transform: none; }
.saved-results-board button:active { transform: translateY(1px); }
.saved-results-board :is(button,input,[tabindex]):focus-visible { outline: 2px solid var(--results-focus); outline-offset: 3px; }
.saved-results-board button:disabled { opacity: 0.55; cursor: not-allowed; }
.saved-results-content { max-width: 1280px; margin-inline: auto; padding: var(--space-md); }
.saved-results-filters {
    border: var(--rule-thin) solid var(--results-line);
    border-radius: var(--results-radius);
    background: var(--results-surface);
    color: var(--results-ink);
}
.saved-results-filter-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-md); padding: var(--space-md); border-bottom: var(--rule-thin) solid var(--results-line); }
.saved-results-filter-heading h2, .saved-results-list-heading h2 { display: flex; align-items: center; gap: var(--space-xs); margin: 0; font-size: var(--text-sm); font-weight: 600; }
.saved-results-filter-heading svg, .saved-results-list-heading svg { width: 16px; height: 16px; flex: 0 0 16px; }
.saved-results-filter-body { padding: var(--space-md); }
.saved-results-filter-day { padding-bottom: var(--space-md); border-bottom: var(--rule-thin) solid var(--results-line); margin-bottom: var(--space-md); }
.saved-results-label { display: block; margin-bottom: var(--space-2xs); font-weight: 500; color: var(--results-muted); }
.saved-results-days { display: flex; gap: var(--space-xs); }
.saved-results-search { display: block; max-width: 26rem; min-width: 0; }
.saved-results-search input { display: block; width: 100%; padding: var(--space-xs) var(--space-sm); border-color: var(--results-input-line); }
.saved-results-search input::placeholder { color: var(--results-muted); opacity: 1; }
.saved-results-date { color: var(--results-muted); font-weight: 500; font-variant-numeric: tabular-nums; }
.saved-results-note { margin: var(--space-sm) 0 var(--space-lg); color: var(--results-canvas-muted); }
.saved-results-list-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-md); padding-bottom: var(--space-md); margin-bottom: var(--space-md); border-bottom: var(--rule-thin) solid var(--results-line); }
.saved-results-status { min-height: 1.6em; color: var(--results-canvas-muted); font-weight: 500; }
.saved-results-board[data-load-status="ready"] .saved-results-status { padding: var(--space-2xs) var(--space-xs); border-radius: var(--results-control-radius); background: var(--results-soft); color: var(--results-bottom); }
.saved-results-board[data-load-status="error"] .saved-results-status { color: var(--results-error); }
.saved-results-retry { margin-bottom: var(--space-sm); }
.saved-results-retry[hidden] { display: none; }
.saved-results-tables { display: grid; gap: var(--space-lg); }
.saved-results-group { min-width: 0; border: var(--rule-thin) solid var(--results-line); border-radius: var(--results-radius); background: var(--results-surface); color: var(--results-ink); overflow: hidden; }
.saved-results-group:focus-within { outline: 2px solid var(--results-focus); outline-offset: 3px; }
.saved-results-group-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs); padding: var(--space-md); border-bottom: var(--rule-thin) solid var(--results-line); }
.saved-results-group-heading h3 { margin: 0; font-size: var(--text-sm); font-weight: 600; }
.saved-results-group-heading span { color: var(--results-muted); }
.saved-results-table-wrap { overflow-x: auto; background: var(--results-surface); color: var(--results-ink); }
.saved-results-board table { width: 100%; border-collapse: collapse; text-align: center; font-variant-numeric: tabular-nums; }
.saved-results-board thead { background: var(--results-heading); color: var(--results-ink); }
.saved-results-board th, .saved-results-board td { padding: var(--space-xs); border-bottom: var(--rule-thin) solid var(--results-line); }
.saved-results-board .saved-results-round { display: none; }
.saved-results-board thead th { font-weight: 600; white-space: nowrap; }
.saved-results-board tr:last-child :is(th,td) { border-bottom: 0; }
.saved-results-board tr > :first-child { text-align: start; width: 34%; }
.saved-results-board tbody th { font-weight: 400; }
.saved-results-number { font-size: var(--text-sm); font-weight: 600; letter-spacing: 0.04em; }
.saved-results-number.is-bottom { color: var(--results-bottom); }
.saved-results-empty { padding: var(--space-xl) var(--space-md); text-align: center; color: var(--results-muted); border: var(--rule-thin) dashed var(--results-line); border-radius: var(--results-radius); background: var(--results-surface); }
@media (hover: hover) {
    .saved-results-board button:not(.is-active):hover, .saved-results-search input:hover { background: var(--results-heading); color: var(--results-ink); }
    .saved-results-board tbody tr:hover { background: var(--results-heading); color: var(--results-ink); }
}
@media (min-width: 40rem) {
    .saved-results-header { padding-inline: var(--space-lg); }
    .saved-results-content { padding: var(--space-lg); }
    .saved-results-filter-heading, .saved-results-filter-body, .saved-results-group-heading { padding-inline: calc(var(--space-md) + var(--space-2xs)); }
    .saved-results-board table { min-width: 540px; }
    .saved-results-board th, .saved-results-board td { padding-inline: var(--space-sm); }
    .saved-results-board .saved-results-round { display: table-cell; }
}
@media (prefers-reduced-motion: reduce) {
    .saved-results-board button:active { transform: none; }
}