/* Capital EMR — shared design tokens + common components (P0 2026-07-12).
 * Link BEFORE the page's own <style> so page CSS can still override:
 *   <link rel="stylesheet" href="/static/hub.css">
 * Migrated pages delete their local copies of these blocks. */
:root{
  /* Canonical Capital EMR tokens; legacy aliases remain for static-page migration. */
  --capital-color-brand-teal:#06578C; --capital-color-brand-navy:#162E4F;
  --capital-color-brand-orange:#F16D22; --capital-color-brand-orange-deep:#D65A16;
  --capital-color-surface-canvas:#F5F4F1; --capital-color-surface-card:#FFFFFF; --capital-color-surface-card-subtle:#FAFAF8;
  --capital-color-surface-mint-pale:#EFF6FB; --capital-color-ink-primary:#0A0A0A; --capital-color-ink-muted:#4A4F66;
  --capital-color-hairline-soft:rgba(0,0,0,.06); --capital-color-hairline-strong:rgba(0,0,0,.12);
  --capital-color-semantic-normal:#06578C; --capital-color-semantic-borderline:#D97706; --capital-color-semantic-abnormal:#DC2626;
  --capital-font-ui:Inter,-apple-system,BlinkMacSystemFont,sans-serif; --capital-font-mono:'SF Mono','JetBrains Mono',ui-monospace,monospace;
  --capital-radius-control:12px;
  --capital-radius-pill:12px;
  --capital-shadow-card:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.04);
  --bg:var(--capital-color-surface-canvas); --card:var(--capital-color-surface-card); --text:var(--capital-color-ink-primary); --muted:var(--capital-color-ink-muted); --faint:#8A9A92;
  --line:var(--capital-color-hairline-soft); --border-strong:var(--capital-color-hairline-strong); --accent:var(--capital-color-brand-teal); --accent-deep:var(--capital-color-brand-teal); --accent-bg:var(--capital-color-surface-mint-pale); --navy:var(--capital-color-brand-navy);
  --warn:var(--capital-color-semantic-borderline); --bad:var(--capital-color-semantic-abnormal); --ok:#1c7a43; --blue:#1170b8;
  --ok-bg:#E6F6EC; --warn-bg:#FFF4E0;
  --sans:var(--capital-font-ui); --mono:var(--capital-font-mono);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}

/* top-level navigation */
.back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-strong, var(--line));border-radius:var(--capital-radius-control);background:var(--card);color:var(--text)!important;font:inherit;font-size:12px;font-weight:600;text-decoration:none!important;white-space:nowrap;box-shadow:0 1px 2px rgba(15,26,23,.06);-webkit-tap-highlight-color:transparent}
.back-button:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)!important}
.back-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Unified native select treatment */
select{appearance:none!important;-webkit-appearance:none!important;background-color:var(--card);background-image:url('/static/brand/select-chevron.svg')!important;background-position:right 10px center!important;background-size:20px 20px!important;background-repeat:no-repeat!important;padding-right:40px!important;border:1px solid var(--line);border-radius:var(--capital-radius-control);color:var(--text);font:inherit;min-height:44px}
select:focus{outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:1px;border-color:var(--accent)}
select:disabled{opacity:.55;cursor:not-allowed}

/* toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0F1A17;color:#fff;padding:10px 22px;border-radius:var(--capital-radius-control);font-size:14px;opacity:0;transition:opacity .2s;z-index:99;pointer-events:none}
.toast.show{opacity:1}

/* search dropdown (patient / charge pickers) */
.srch-res{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:var(--capital-radius-control);box-shadow:0 12px 32px rgba(0,0,0,.14);max-height:260px;overflow-y:auto;z-index:10;display:none}
.srch-res.open{display:block}
.srch-res .it{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.srch-res .it:hover{background:var(--accent-bg)}
.srch-res .it .m{color:var(--faint);font-size:11px;font-family:var(--mono)}
.srch-res .it .p{font-family:var(--mono);color:var(--accent-deep);white-space:nowrap}