:root {
  --navy: #0f1f33; --navy-2: #172b45; --navy-3: #22395a;
  --gold: #e8b04a; --bg: #f4f6f9; --card: #ffffff; --line: #e1e6ee; --line-2: #eef1f5;
  --text: #17202c; --muted: #5d6b7e; --brand: #1f5fae; --brand-2: #174a8a;
  --ok: #1d7a4f; --ok-bg: #e5f4ec; --warn: #9a5b00; --warn-bg: #fdf1dc; --bad: #b42335; --bad-bg: #fbe6e9;
  --info: #1f5fae; --info-bg: #e6eefa; --deid: #5b3fa8; --deid-bg: #efeafb; --ident: #0e6b73; --ident-bg: #e2f3f4;
  --r: 10px; --shadow: 0 1px 2px rgba(15, 31, 51, .06), 0 2px 8px rgba(15, 31, 51, .04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--text); background: var(--bg); font-size: 15px; line-height: 1.45;
}
* { box-sizing: border-box; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
a { color: var(--brand); }
h1 { font-size: 1.55rem; margin: 0 0 .2rem; letter-spacing: -.01em; }
h2 { font-size: 1.02rem; margin: 0 0 .7rem; }
h3 { font-size: .98rem; margin: 1.3rem 0 .4rem; }
.layout { display: flex; min-height: 100vh; }
.sidebar { width: 252px; flex: 0 0 252px; background: var(--navy); color: #d8e1ee; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; overflow-y: auto; z-index: 30; }
.brand { display: flex; gap: .65rem; align-items: center; padding: 1.1rem 1rem .9rem; }
.logo { width: 34px; height: 34px; color: var(--gold); flex: none; }
.brand-name { font-weight: 700; color: #fff; font-size: 1.02rem; }
.brand-sub { font-size: .74rem; color: #93a4bc; line-height: 1.25; }
.role-switch { display: block; margin: 0 .8rem .6rem; font-size: .72rem; color: #93a4bc; text-transform: uppercase; letter-spacing: .06em; }
.role-switch select { margin-top: .3rem; width: 100%; background: var(--navy-2); color: #fff; border: 1px solid var(--navy-3); border-radius: 8px; padding: .5rem; font-size: .85rem; text-transform: none; letter-spacing: 0; }
.nav { display: flex; flex-direction: column; padding: .3rem .5rem; gap: 2px; }
.nav-item { display: flex; align-items: center; gap: .65rem; color: #c3cfdf; text-decoration: none; padding: .55rem .65rem; border-radius: 8px; font-size: .9rem; }
.nav-item svg { width: 18px; height: 18px; fill: currentColor; opacity: .85; flex: none; }
.nav-item:hover { background: var(--navy-2); color: #fff; }
.nav-item.active { background: var(--navy-3); color: #fff; box-shadow: inset 3px 0 0 var(--gold); }
.side-foot { margin-top: auto; padding: 1rem; font-size: .75rem; color: #93a4bc; border-top: 1px solid var(--navy-2); }
.regime { margin-bottom: .3rem; color: #c3cfdf; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: .4rem; vertical-align: middle; }
.dot.ok { background: #3ccf86; } .dot.warn { background: var(--gold); }
.main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.topbar { display: flex; align-items: center; gap: .8rem; padding: .6rem 1.6rem; background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; min-height: 48px; }
.demo-pill { font-size: .76rem; background: var(--warn-bg); color: var(--warn); padding: .22rem .6rem; border-radius: 99px; font-weight: 600; }
.top-note { margin-left: auto; font-size: .82rem; text-decoration: none; }
.menu-btn { display: none; }
.content { padding: 1.5rem 1.6rem 3rem; max-width: 1240px; width: 100%; }
.page-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.2rem; }
.sub { color: var(--muted); margin: .1rem 0 0; max-width: 760px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 1.1rem 1.2rem; box-shadow: var(--shadow); margin-bottom: 1rem; }
.card.flush { padding: 0; overflow: hidden; }
.card-head { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin-bottom: .6rem; flex-wrap: wrap; }
.card-head h2 { margin: 0; }
.card-head.pad { padding: 1rem 1.2rem .4rem; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.grid2 > .card { margin-bottom: 0; } .grid2 { margin-bottom: 1rem; }
.grid-side { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; align-items: start; }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.kpi { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: .85rem 1rem; box-shadow: var(--shadow); border-top: 3px solid var(--line); }
.kpi.good { border-top-color: var(--ok); } .kpi.warn { border-top-color: #e3a008; } .kpi.bad { border-top-color: var(--bad); }
.kpi-label { font-size: .76rem; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.kpi-value { font-size: 1.6rem; font-weight: 700; margin-top: .15rem; font-variant-numeric: tabular-nums; }
.kpi-note { font-size: .8rem; color: var(--muted); }
.kpis.small .kpi-value { font-size: 1.25rem; }
.list { display: flex; flex-direction: column; }
.list-row { display: flex; justify-content: space-between; align-items: center; gap: .8rem; padding: .65rem 0; border-bottom: 1px solid var(--line-2); }
.list-row:last-child { border-bottom: 0; }
.list-row.link { text-decoration: none; color: inherit; padding: .6rem .5rem; border-radius: 8px; }
.list-row.link:hover, .list-row.sel { background: var(--info-bg); }
.row-end { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.row-gap { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; margin: .6rem 0 1rem; }
.strong { font-weight: 600; } .muted { color: var(--muted); } .sm { font-size: .8rem; } .nowrap { white-space: nowrap; }
.empty { color: var(--muted); margin: .4rem 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; background: var(--brand); color: #fff; border: 1px solid var(--brand); border-radius: 8px; padding: .55rem 1rem; font: inherit; font-weight: 600; font-size: .9rem; cursor: pointer; text-decoration: none; white-space: nowrap; min-height: 38px; }
.btn:hover { background: var(--brand-2); }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn.sm { padding: .3rem .7rem; font-size: .8rem; min-height: 30px; }
.btn.lg { padding: .8rem 1.4rem; font-size: 1rem; margin-top: .6rem; }
.btn.ghost { background: #fff; color: var(--brand); border-color: #c9d6ea; }
.btn.ghost:hover { background: var(--info-bg); }
.btn.danger { background: #fff; color: var(--bad); border-color: #efc1c8; }
.btn.file { position: relative; overflow: hidden; }
.btn.file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.icon-btn { background: none; border: 0; cursor: pointer; padding: .3rem; border-radius: 6px; color: var(--muted); font-size: .9rem; }
.icon-btn svg { width: 22px; height: 22px; fill: currentColor; }
.chip { display: inline-block; font-size: .72rem; font-weight: 600; padding: .14rem .5rem; border-radius: 99px; background: var(--line-2); color: var(--muted); white-space: nowrap; vertical-align: middle; }
.chip.ok { background: var(--ok-bg); color: var(--ok); } .chip.warn { background: var(--warn-bg); color: var(--warn); } .chip.bad { background: var(--bad-bg); color: var(--bad); }
.chip.info { background: var(--info-bg); color: var(--info); } .chip.deid { background: var(--deid-bg); color: var(--deid); } .chip.ident { background: var(--ident-bg); color: var(--ident); }
.fomref { display: inline-block; font-size: .72rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: #f1f4f8; color: #3c4a5d; border: 1px solid var(--line); padding: .05rem .4rem; border-radius: 5px; white-space: nowrap; }
.banner { padding: .75rem 1rem; border-radius: var(--r); margin-bottom: 1rem; display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; }
.banner.info { background: var(--info-bg); color: #163e70; } .banner.warn { background: var(--warn-bg); color: #6b4000; } .banner.ok { background: var(--ok-bg); color: #145437; }
.filters { display: flex; gap: .8rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 1rem; }
.filters label { font-size: .78rem; color: var(--muted); display: flex; flex-direction: column; gap: .25rem; }
select, input, textarea { font: inherit; font-size: .9rem; border: 1px solid #ccd5e1; border-radius: 8px; padding: .48rem .6rem; background: #fff; color: var(--text); min-height: 38px; }
textarea { width: 100%; resize: vertical; }
select:focus, input:focus, textarea:focus, .btn:focus-visible, button:focus-visible { outline: 2px solid #8db4ea; outline-offset: 1px; }
.form label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; color: #34404f; margin-bottom: .8rem; }
.form h2 { margin-top: .4rem; }
.form h2 ~ h2 { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line-2); }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.two label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; margin-bottom: .8rem; }
label.check { flex-direction: row !important; align-items: flex-start; gap: .55rem !important; display: flex; margin: .45rem 0; font-size: .9rem; color: var(--text); }
label.check input { min-height: 0; width: 18px; height: 18px; margin-top: 2px; flex: none; accent-color: var(--brand); }
label.inline { display: flex; align-items: center; gap: .6rem; margin: .8rem 0; font-size: .9rem; }
label.inline input { width: 80px; }
.table-wrap { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; font-size: .87rem; }
.table th { text-align: left; font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); font-weight: 600; padding: .65rem .8rem; background: #f8fafc; border-bottom: 1px solid var(--line); white-space: nowrap; }
.table td { padding: .6rem .8rem; border-bottom: 1px solid var(--line-2); vertical-align: top; }
.table tr.clickable { cursor: pointer; } .table tr.clickable:hover td { background: #f7f9fc; }
.table tr.detail > td { background: #f8fafc; padding: .9rem 1rem 1rem; }
.table.inner { background: #fff; border: 1px solid var(--line); border-radius: 8px; margin: .5rem 0 .8rem; }
.hist-head { font-size: .85rem; display: flex; gap: .5rem; align-items: center; }
.dl { display: grid; grid-template-columns: 110px 1fr; gap: .35rem .8rem; margin: 0 0 .6rem; font-size: .9rem; }
.dl dt { color: var(--muted); } .dl dd { margin: 0; }
/* stepper */
.stepper { display: flex; list-style: none; padding: 0; margin: 0 0 1rem; gap: .4rem; overflow-x: auto; }
.stepper li { flex: 1; min-width: 130px; }
.stepper button { width: 100%; display: flex; align-items: center; gap: .5rem; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: .5rem .6rem; font: inherit; font-size: .8rem; color: var(--muted); cursor: pointer; text-align: left; min-height: 44px; }
.stepper button:disabled { cursor: default; opacity: .6; }
.stepper span { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--line-2); font-weight: 700; flex: none; }
.stepper li.cur button { border-color: var(--brand); color: var(--brand); font-weight: 600; }
.stepper li.cur span { background: var(--brand); color: #fff; }
.stepper li.done span { background: var(--ok); color: #fff; }
.wiz-nav { display: flex; justify-content: space-between; margin-top: .4rem; position: sticky; bottom: 0; padding: .8rem 0; background: linear-gradient(to top, var(--bg) 70%, transparent); }
.radio-list { display: flex; flex-direction: column; gap: .5rem; margin-bottom: .6rem; }
.radio-card { display: flex; gap: .7rem; align-items: flex-start; border: 1px solid var(--line); border-radius: 8px; padding: .7rem .8rem; cursor: pointer; }
.radio-card.sel { border-color: var(--brand); background: var(--info-bg); }
.radio-card input { min-height: 0; margin-top: 4px; accent-color: var(--brand); }
.prebrief blockquote { margin: 0 0 1rem; padding: .9rem 1.1rem; background: #f8fafc; border-left: 4px solid var(--gold); border-radius: 0 8px 8px 0; }
.prebrief blockquote p { margin: 0 0 .6rem; } .prebrief blockquote p:last-child { margin: 0; }
.progress-line { display: flex; align-items: center; gap: .8rem; margin-bottom: .6rem; font-size: .85rem; color: var(--muted); position: sticky; top: 48px; background: var(--bg); padding: .5rem 0; z-index: 5; }
.progress-line .bar { flex: 1; height: 8px; background: var(--line); border-radius: 99px; overflow: hidden; }
.progress-line .bar div { height: 100%; background: var(--ok); transition: width .2s; }
.legend { font-size: .8rem; color: var(--muted); margin-bottom: .8rem; }
.obs-item { display: grid; grid-template-columns: 1fr auto auto; gap: .4rem .8rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--line-2); }
.obs-item:last-child { border-bottom: 0; }
.obs-text { display: flex; flex-direction: column; gap: .25rem; align-items: flex-start; }
.obs-more { grid-column: 1 / -1; }
.obs-more summary { font-size: .78rem; color: var(--brand); cursor: pointer; width: max-content; }
.obs-more textarea { margin-top: .4rem; }
.seg { display: inline-flex; border: 1px solid #ccd5e1; border-radius: 8px; overflow: hidden; }
.seg button { border: 0; border-right: 1px solid #ccd5e1; background: #fff; font: inherit; font-size: .85rem; font-weight: 600; min-width: 42px; min-height: 40px; cursor: pointer; color: #34404f; }
.seg button:last-child { border-right: 0; }
.seg button.on.r0 { background: #6b7685; color: #fff; } .seg button.on.r1 { background: var(--bad); color: #fff; }
.seg button.on.r2 { background: #d38200; color: #fff; } .seg button.on.r3 { background: var(--brand); color: #fff; } .seg button.on.r4 { background: var(--ok); color: #fff; }
.star { color: #b8c2cf; } .star.on { color: var(--gold); }
.tem-chips { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .4rem; }
.tchip { font: inherit; font-size: .72rem; font-family: ui-monospace, Menlo, monospace; border: 1px solid #ccd5e1; background: #fff; border-radius: 6px; padding: .25rem .45rem; cursor: pointer; color: #3c4a5d; min-height: 30px; }
.tchip.on { background: var(--deid); color: #fff; border-color: var(--deid); }
.threat-row { display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; padding: .4rem 0; border-bottom: 1px solid var(--line-2); }
.split-preview { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: stretch; margin: 1rem 0; }
.rec { border-radius: var(--r); padding: .9rem 1rem; border: 1px solid var(--line); }
.ident-rec { background: var(--ident-bg); border-color: #b9e0e3; } .deid-rec { background: var(--deid-bg); border-color: #d6cbf3; }
.rec-title { font-weight: 700; margin-bottom: .5rem; display: flex; gap: .4rem; align-items: center; }
.rec ul { margin: 0; padding-left: 1.1rem; font-size: .87rem; }
.rec-gap { display: grid; place-items: center; position: relative; }
.rec-gap::before { content: ''; position: absolute; top: 12%; bottom: 12%; left: 50%; border-left: 2px dashed #b4bfcd; }
.rec-gap span { position: relative; background: var(--bg); background: #fff; font-size: .7rem; font-weight: 700; color: var(--muted); padding: .2rem .35rem; border-radius: 6px; border: 1px solid var(--line); text-transform: uppercase; }
.split-preview.big .rec { padding: 1.1rem 1.2rem; }
/* charts */
.barsh { display: flex; flex-direction: column; gap: .45rem; }
.barsh-row { display: grid; grid-template-columns: minmax(120px, 42%) 1fr 92px; gap: .6rem; align-items: center; font-size: .82rem; }
.barsh-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.barsh-track { background: var(--line-2); height: 12px; border-radius: 99px; overflow: hidden; }
.barsh-fill { height: 100%; background: var(--brand); border-radius: 99px; }
.barsh-fill.ok { background: var(--ok); } .barsh-fill.warn { background: #e3a008; } .barsh-fill.bad { background: var(--bad); } .barsh-fill.info { background: #5b88c8; }
.barsh-val { text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; font-size: .78rem; }
.chart { width: 100%; height: auto; display: block; }
.chart .grid { stroke: var(--line); stroke-width: 1; }
.chart .axis { font-size: 11px; fill: var(--muted); }
.chart .val { font-size: 11px; fill: #34404f; font-weight: 600; }
.chart .col { fill: var(--brand); } .chart .col.dim { fill: #a9bcd8; }
/* agenda */
.agenda-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; border-bottom: 2px solid var(--navy); padding-bottom: .8rem; margin-bottom: .4rem; }
.agenda-head h2 { font-size: 1.25rem; margin: .1rem 0 .2rem; }
.eyebrow { font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.ag-group { margin: .4rem 0 .8rem; }
.ag-sec { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: .7rem 0 .3rem; font-weight: 700; }
.ag-item { border: 1px solid var(--line); border-radius: 8px; padding: .7rem .9rem; margin-bottom: .5rem; }
.ag-title { font-weight: 600; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.ag-quote { font-size: .86rem; margin: .35rem 0; color: #3c4a5d; border-left: 3px solid var(--deid-bg); padding-left: .6rem; }
.ag-prompt { font-size: .86rem; margin: .3rem 0 .4rem; }
.agenda ul { padding-left: 1.2rem; } .agenda li { margin: .25rem 0; }
.recog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .8rem; }
.recog { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: .9rem 1rem; box-shadow: var(--shadow); position: relative; }
.recog svg { width: 20px; height: 20px; fill: var(--gold); }
.recog p { margin: .3rem 0 .5rem; font-size: .9rem; }
.tpl-sec { border: 1px solid var(--line); border-radius: 8px; padding: .7rem .8rem; margin: .7rem 0; }
.tpl-sec-head { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin-bottom: .4rem; }
.tpl-sec-head input { font-weight: 600; flex: 1; }
.tpl-item { display: flex; gap: .5rem; align-items: center; padding: .3rem 0; border-bottom: 1px dashed var(--line-2); font-size: .88rem; }
.tpl-item .grow { flex: 1; min-width: 0; } .tpl-item .ref { width: 110px; font-family: ui-monospace, Menlo, monospace; font-size: .8rem; }
.prose li { margin: .35rem 0; } .prose h2 { margin-top: 1.2rem; } .prose h2:first-child { margin-top: 0; }
.attest { border: 1px solid var(--line); border-radius: 8px; padding: .8rem .9rem; margin-bottom: .7rem; }
.attest label:not(.check) { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; margin: .5rem 0 .7rem; color: #34404f; }
code { font-family: ui-monospace, Menlo, monospace; font-size: .78rem; color: var(--muted); }

@media (max-width: 960px) {
  .grid2, .grid-side { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .sidebar { position: fixed; left: 0; top: 0; transform: translateX(-100%); transition: transform .2s; box-shadow: 4px 0 24px rgba(0,0,0,.25); }
  .sidebar.open { transform: none; }
  .menu-btn { display: inline-flex; }
  .topbar { padding: .5rem .8rem; }
  .content { padding: 1rem .85rem 3rem; }
  .page-head { flex-direction: column; }
  h1 { font-size: 1.3rem; }
  .split-preview { grid-template-columns: 1fr; }
  .rec-gap { height: 44px; } .rec-gap::before { top: 0; bottom: 0; }
  .obs-item { grid-template-columns: 1fr auto; }
  .obs-item .seg { grid-column: 1 / 2; }
  .two { grid-template-columns: 1fr; gap: 0; }
  .barsh-row { grid-template-columns: minmax(90px, 40%) 1fr 74px; }
  .top-note { display: none; }
  .demo-pill { font-size: .7rem; }
  .stepper li { min-width: 46px; flex: 0 0 auto; }
  .stepper li:not(.cur) button { font-size: 0; gap: 0; width: 46px; justify-content: center; }
  .stepper li.cur { flex: 1; }
}
@media print {
  .sidebar, .topbar, .noprint, .filters, .head-actions, .wiz-nav { display: none !important; }
  body, :root { background: #fff; }
  .content { padding: 0; max-width: none; }
  .card { box-shadow: none; border: 0; padding: 0; }
  .page-head .sub { display: none; }
  .kpi { box-shadow: none; }
}
@media (max-width: 820px) {
  .stepper li:not(.cur) button span { font-size: .8rem; }
  .obs-item .seg { display: flex; width: 100%; }
  .seg button { flex: 1; }
  .list-row .muted.sm:last-child { display: none; }
}
/* production app additions */
@font-face{font-family:Inter;src:url(/assets/fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 400px at 80% -10%,#22395a 0,transparent 60%),var(--navy);padding:24px}
.auth-card{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:420px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.auth-card .brand{padding:0 0 18px;color:var(--navy)}.auth-card .brand-name{color:var(--navy)}
.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#34404f;margin-bottom:.9rem}
.auth-card input{width:100%}.auth-card .btn{width:100%;min-height:44px}
.auth-card h1{font-size:1.3rem;margin-bottom:.4rem}
.auth-foot{margin-top:16px;font-size:.82rem;color:var(--muted);text-align:center}
.qr{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:.6rem 0}
.qr img{width:200px;height:200px}
.secret{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;word-break:break-all;background:#f1f4f8;border-radius:8px;padding:.5rem .6rem}
.code-input{font-size:1.4rem!important;letter-spacing:.4em;text-align:center;font-family:ui-monospace,Menlo,monospace}
.err{background:var(--bad-bg);color:var(--bad);padding:.6rem .8rem;border-radius:8px;font-size:.88rem;margin-bottom:.8rem}
.okmsg{background:var(--ok-bg);color:var(--ok);padding:.6rem .8rem;border-radius:8px;font-size:.88rem;margin-bottom:.8rem}
.linkbox{display:flex;gap:.5rem;align-items:center;margin:.6rem 0}.linkbox input{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:.78rem}
.org-switch{margin:0 .8rem .6rem}.org-switch select{width:100%;background:var(--navy-2);color:#fff;border:1px solid var(--navy-3)}
.nav-sec{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6f819b;padding:.8rem .65rem .25rem}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:.7rem 1.1rem;border-radius:10px;z-index:100;box-shadow:0 8px 30px rgba(0,0,0,.25);font-size:.9rem;max-width:90vw}
.toast.bad{background:var(--bad)}
.loading{padding:3rem;text-align:center;color:var(--muted)}
.req-pick{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:.3rem .5rem;margin-top:.3rem;background:#fff}
.req-pick label.check{font-size:.78rem;margin:.15rem 0}
.tpl-item{flex-wrap:wrap}.tpl-item details{width:100%}
.rep-head{border-bottom:2px solid var(--navy);padding-bottom:.8rem;margin-bottom:1rem}
.status-evidenced{color:var(--ok)}.status-gap{color:var(--bad)}.status-mapped_no_data{color:var(--warn)}.status-out_of_scope{color:var(--muted)}
@media print{.rep-wrap .card{break-inside:avoid}.table{font-size:.75rem}}

.choice-list{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0 .4rem}
.choice{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:14px 16px;border:1px solid #d5dce6;border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:#1b2533}
.choice b{font-size:1rem}.choice span{font-size:.84rem;color:#5b6676;line-height:1.4}
.choice:hover,.choice:focus-visible{border-color:#2160b0;box-shadow:0 0 0 3px rgba(33,96,176,.15);outline:none}
.mode-tag{margin-top:.6rem;font-size:.78rem;color:#e9b44c}