/* Layout: phone-width patient app with a guided conversation; wider two-pane inbox for the centre. */
:root{
  --bg:#f1f4f3; --surface:#ffffff; --surface-2:#e6ecea; --ink:#15211d; --muted:#57665f; --line:#d3dcd8;
  --accent:#17695a; --accent-ink:#ffffff; --accent-soft:#d8ebe5;
  --warn:#9a5b00; --warn-soft:#fbecd2; --danger:#b3261e; --danger-soft:#fbe0dd; --ok:#2e6b2f; --ok-soft:#dcefdb; --info:#1d5a8a; --info-soft:#dbe9f5;
  --font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f1714; --surface:#16211d; --surface-2:#1e2c27; --ink:#e4ece8; --muted:#9db0a8; --line:#2b3b35;
  --accent:#5fc2a9; --accent-ink:#06231c; --accent-soft:#1c3a32;
  --warn:#f0b65a; --warn-soft:#3a2b12; --danger:#ff8a80; --danger-soft:#3d1a17; --ok:#8fd18f; --ok-soft:#1b331c; --info:#8cc3ef; --info-soft:#16293a;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f1714; --surface:#16211d; --surface-2:#1e2c27; --ink:#e4ece8; --muted:#9db0a8; --line:#2b3b35;
  --accent:#5fc2a9; --accent-ink:#06231c; --accent-soft:#1c3a32;
  --warn:#f0b65a; --warn-soft:#3a2b12; --danger:#ff8a80; --danger-soft:#3d1a17; --ok:#8fd18f; --ok-soft:#1b331c; --info:#8cc3ef; --info-soft:#16293a;
  color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;padding-inline:16px;padding-block:12px 40px}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;text-wrap:balance;margin:0}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:460px;margin-inline:auto}
.wrap.wide{max-width:1000px}

.proto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:1000px;margin:0 auto 14px}
.proto small{color:var(--muted);font-size:13px}
.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}
.seg button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(0 0 0 / .12)}

/* patient */
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:6px 14px}
.brand{display:flex;align-items:center;gap:10px}
.mark{width:38px;height:38px;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em}
.brand b{display:block;font-family:var(--font-display);font-size:17px}
.brand span{display:block;font-size:13px;color:var(--muted)}
.hello{font-size:28px;margin-block:4px 4px}
.sub{color:var(--muted);margin:0 0 16px}
.urgent{display:flex;gap:10px;align-items:flex-start;background:var(--danger-soft);color:var(--ink);border-radius:var(--r);padding:12px 14px;font-size:14px;margin-bottom:18px}
.urgent strong{color:var(--danger)}
.urgent .nums{font-variant-numeric:tabular-nums;font-weight:700}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
.act{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;min-height:118px}
.act:hover{border-color:var(--accent)}
.act .ic{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.act b{font-size:16px;line-height:1.25}
.act span{font-size:13px;color:var(--muted);line-height:1.35}
.sechead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.sechead h2{font-size:19px}
.list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;width:100%}
.row:first-child{border-top:0}
.row:hover{background:var(--surface-2)}
.row .ic{width:32px;height:32px;border-radius:9px;background:var(--surface-2);color:var(--muted);display:grid;place-items:center}
.row b{display:block;font-size:15px}
.row small{display:block;color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row > div{min-width:0}
.pill{font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;white-space:nowrap}
.st-nouveau{background:var(--info-soft);color:var(--info)}
.st-encours{background:var(--warn-soft);color:var(--warn)}
.st-traite{background:var(--ok-soft);color:var(--ok)}
.empty{padding:22px;text-align:center;color:var(--muted);font-size:14px}

/* conversation */
.convhead{display:flex;align-items:center;gap:10px;padding-block:6px 12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.back{border:0;background:var(--surface-2);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none}
.convhead h2{font-size:20px}
.convhead small{display:block;color:var(--muted);font-size:13px}
.thread{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.bub{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px}
.bot{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}
.me{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px;align-self:flex-end}
.bot.note{background:var(--info-soft);border-color:transparent}
.bot.alert{background:var(--danger-soft);border-color:transparent}
.bot.alert b{color:var(--danger)}
.edit{border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;align-self:flex-end;padding:0 4px}
.answer{display:flex;flex-direction:column;gap:8px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);padding:9px 14px;border-radius:999px;font-weight:700;font-size:15px;text-align:left}
.opt[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.opt:hover{background:var(--accent-soft)}
.opt[aria-pressed="true"]:hover{background:var(--accent)}
textarea,input[type=text]{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;resize:vertical}
textarea:focus,input[type=text]:focus{border-color:var(--accent);outline:none}
.btn{border:0;background:var(--accent);color:var(--accent-ink);padding:12px 18px;border-radius:12px;font-weight:700;font-size:15px}
.btn.ghost{background:var(--surface-2);color:var(--ink)}
.btn.danger{background:var(--danger);color:#fff}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btnrow{display:flex;flex-wrap:wrap;gap:8px}
.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.summary dl{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:6px 12px;margin:0 0 10px;font-size:14px}
.summary dt{color:var(--muted)}
.summary dd{margin:0;overflow-wrap:anywhere}
.route{font-size:13px;color:var(--muted);margin:0 0 12px}
.done{text-align:center;padding:30px 10px}
.done .ok{width:60px;height:60px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;margin:0 auto 14px}
.done h2{font-size:24px;margin-bottom:8px}
.done p{color:var(--muted);margin:0 0 18px}
.reply{background:var(--accent-soft);border-radius:var(--r);padding:12px 14px;margin-top:12px;font-size:15px}
.reply small{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}

/* centre */
.chead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.chead h1{font-size:26px}
.chead p{margin:2px 0 0;color:var(--muted);font-size:14px}
.counts{display:flex;gap:8px;flex-wrap:wrap}
.count{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;color:var(--muted)}
.count b{display:block;font-family:var(--font-display);font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tab{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;color:var(--muted)}
.tab[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tab .n{font-variant-numeric:tabular-nums;opacity:.75;margin-left:4px}
.pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;align-items:start}
@media (max-width:760px){.pane{grid-template-columns:1fr}}
.inbox .row{grid-template-columns:4px auto 1fr auto;padding-left:0}
.prio{align-self:stretch;border-radius:0 3px 3px 0;background:transparent}
.prio.on{background:var(--danger)}
.row[aria-current="true"]{background:var(--accent-soft)}
.detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px}
.detail h2{font-size:20px}
.meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.tag{background:var(--surface-2);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--ink)}
.tag.red{background:var(--danger-soft);color:var(--danger)}
.qa{display:flex;flex-direction:column;gap:8px;margin:0}
.qa div{border-left:3px solid var(--line);padding-left:10px}
.qa dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.qa dd{margin:0;overflow-wrap:anywhere}
.hint{font-size:13px;color:var(--muted);margin:0}
.drugbox{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:10px}
.drugbox:focus-within{border-color:var(--accent)}
.search{position:relative}
.search input{padding-left:38px}
.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.sugg{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-height:320px;overflow-y:auto}
.sugg li{border-top:1px solid var(--line)}
.sugg li:first-child{border-top:0}
.sugg button{display:block;width:100%;text-align:left;background:var(--surface);border:0;padding:10px 12px}
.sugg button:hover,.sugg button.hl{background:var(--accent-soft)}
.sugg b{font-weight:700}
.sugg .nm{display:block;font-size:15px}
.sugg .fm{display:block;font-size:13px;color:var(--muted)}
.sugg .empty{padding:12px;font-size:14px;text-align:left}
.picked{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--accent-soft);border-radius:10px;padding:10px 12px}
.picked b{display:block}
.picked small{color:var(--muted);font-size:13px}
.linkbtn{border:0;background:transparent;color:var(--accent);font-weight:700;font-size:14px;padding:2px 0;text-decoration:underline;text-align:left}
.basket{display:flex;flex-direction:column;gap:6px}
.chip{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-2);border-radius:10px;padding:8px 10px;font-size:14px}
.chip button{border:0;background:transparent;color:var(--muted);font-size:13px;text-decoration:underline;flex:none}
.medrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}
.medrow:first-child{border-top:0}
.medrow .ic{width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.medrow b{display:block;font-size:15px;overflow-wrap:anywhere}
.medrow small{display:block;color:var(--muted);font-size:13px}
.medrow .acts{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mini{border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px;white-space:nowrap}
.mini:hover{background:var(--accent-soft)}
.mymeds{display:flex;flex-direction:column;gap:6px}
.mymeds .opt{display:flex;align-items:center;gap:8px;border-radius:10px;font-size:14px;width:100%}
.mymeds .box{width:18px;height:18px;border-radius:5px;border:2px solid currentColor;flex:none;display:grid;place-items:center}
.mymeds .opt[aria-pressed="true"] .box::after{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}
.divider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.bell{position:relative;border:0;background:var(--surface-2);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums;border:2px solid var(--bg)}
.rx{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:12px;padding:12px}
.rxrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.rxrow span{font-weight:700;font-size:15px;min-width:0;overflow-wrap:anywhere}
.decs{display:flex;gap:6px}
.dec{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;color:var(--muted)}
.dec.ok[aria-pressed="true"]{background:var(--ok);border-color:var(--ok);color:var(--surface)}
.dec.no[aria-pressed="true"]{background:var(--danger);border-color:var(--danger);color:var(--surface)}
.dtag{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}
.dtag.ok{background:var(--ok-soft);color:var(--ok)}
.dtag.no{background:var(--danger-soft);color:var(--danger)}
.itemlist{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.itemlist div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px}
.push{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(400px,calc(100% - 24px));z-index:10;display:flex;flex-direction:column;gap:4px}
.push small{font-size:11px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em}
.push button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:12px;box-shadow:0 10px 30px rgb(0 0 0 / .18)}
.push .mark{width:34px;height:34px;font-size:13px;border-radius:9px}
.push b{display:block;font-size:14px}
.push span{display:block;font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){.push:not([hidden]){animation:drop .35s ease-out}@keyframes drop{from{transform:translate(-50%,-30px);opacity:0}}}
.nrow.unread b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin-right:6px;vertical-align:middle}
.due{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted)}
.due.urgent{background:var(--danger-soft);color:var(--danger)}
.due.wait{background:transparent;padding-left:0}
.due.haute{background:var(--warn-soft);color:var(--warn)}
.due.late{background:var(--danger);color:#fff}
.state{font-weight:700;padding:1px 8px;border-radius:6px}
.state.on{background:var(--ok-soft);color:var(--ok)}
.state.off{background:var(--danger-soft);color:var(--danger)}
.count.urg b{color:var(--danger)}
.prioedit{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dec.p-urgent[aria-pressed="true"]{background:var(--danger);border-color:var(--danger);color:var(--surface)}
.dec.p-haute[aria-pressed="true"]{background:var(--warn);border-color:var(--warn);color:var(--surface)}
.dec.p-normale[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.settings{display:flex;flex-direction:column;gap:12px;max-width:720px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:17px}
.card p{margin:0}
.prules{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.prules div{background:var(--surface-2);border-radius:10px;padding:10px}
.prules b{display:block}
.prules span{font-size:13px;color:var(--muted)}
.person{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.person:first-of-type{border-top:0;padding-top:0}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pgrid label,.away label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.away{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.away .chk{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:14px}
select{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:7px 10px;max-width:100%}
.newslist{display:flex;flex-direction:column;gap:10px}
.newsbtn{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left}
.news{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.newsbtn:hover .news{border-color:var(--accent)}
.news.pinned{background:var(--accent-soft);border-color:transparent}
.news img{width:100%;max-height:220px;object-fit:cover;display:block}
.nbody{padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.nbody h3{font-size:17px}
.nbody p{margin:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.nbody p.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news.pinned .nbody p{color:var(--ink)}
.nmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}
.ncat{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.ncat.pin{color:var(--ink)}
.pref{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:14px}
.pref input{margin-top:4px;width:18px;height:18px;accent-color:var(--accent);flex:none}
.pref b{display:block;font-size:15px}
.pref small{display:block;color:var(--muted);font-size:13px}
.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.fld input[type=file]{font-size:13px;max-width:100%}
.fld input[type=date]{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:7px 10px}
.chk2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.chk2 input{width:18px;height:18px;accent-color:var(--accent)}
.st-wait{background:var(--surface-2);color:var(--muted)}
.st-reply{background:var(--accent);color:var(--accent-ink)}
.thread .msg{display:flex;flex-direction:column;gap:3px;max-width:86%}
.thread .msg.me{align-self:flex-end;align-items:flex-end}
.thread .msg.them{align-self:flex-start}
.thread .msg small{font-size:12px;color:var(--muted);padding-inline:4px}
.thread .msg .bub{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.detail .thread{margin:0}
details.summary summary{cursor:pointer;font-weight:700;font-size:14px}
details.summary{margin-bottom:12px}
.composer{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.closed{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--surface-2);border-radius:var(--r);padding:12px 14px;margin-top:8px}
.closed span{font-size:14px;color:var(--muted)}
.promise{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--accent-soft);border-radius:var(--r);padding:14px;margin:0 auto 18px;max-width:380px}
.promise span{font-size:14px;color:var(--ink)}
.src{font-size:12px;color:var(--muted);margin:0}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;z-index:9}
@media (prefers-reduced-motion:no-preference){.bub,.answer{animation:in .22s ease-out}@keyframes in{from{opacity:.3;transform:translateY(5px)}}}

/* ---------- app réelle : compléments ---------- */
.auth{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.auth h1{font-size:26px}
.form{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.form .fld input{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}
.form .fld input:focus{border-color:var(--accent);outline:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:380px){.row2{grid-template-columns:1fr}}
.err{background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:14px}
.okmsg{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:10px 12px;font-size:14px}
.btn.full{width:100%}
.loading{padding:40px 0;text-align:center;color:var(--muted)}
.menu{display:flex;gap:8px;align-items:center}
.iconbtn{border:0;background:var(--surface-2);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;position:relative}
.nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.nav button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;color:var(--muted)}
.nav button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.nav .n{font-variant-numeric:tabular-nums;margin-left:4px;opacity:.8}
.who{font-size:13px;color:var(--muted)}
.pinfo{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--muted)}
.pinfo b{color:var(--ink)}
.acct{display:flex;flex-direction:column;gap:12px}
.legal{font-size:13px;color:var(--muted);line-height:1.45}
.legal summary{cursor:pointer;color:var(--accent);font-weight:700}
.chkline{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.chkline input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}
.transfer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.transfer select{max-width:100%}