/* Smart Agent: design tokens + components. No inline styles needed (CSP style-src 'self'). */
:root{
  --paper:#F3F5F6; --surface:#FFFFFF; --sunk:#F6F8F9;
  --ink:#0F2129; --ink-soft:#4E5F67; --ink-faint:#8A989E;
  --line:#E2E7E9; --line-strong:#C9D2D6;
  --acc:#0B5563; --acc-ink:#083F4A; --acc-soft:#E4EFF1; --on-acc:#FFFFFF;
  --abyss:#082A33; --abyss-2:#0D3D49; --gold:#E8A93A;
  --seal:#94600F; --seal-soft:#FBF1DE;
  --ok:#1F6B47; --ok-soft:#E2F2E9; --err:#AE3A2C; --err-soft:#FAE9E6;
  --shadow:0 1px 2px rgba(15,33,41,.05),0 8px 24px -16px rgba(15,33,41,.22);
  --shadow-lift:0 1px 2px rgba(15,33,41,.06),0 16px 32px -18px rgba(15,33,41,.32);
  --r-s:8px; --r:12px; --r-l:14px;
  --sans:'Plex Hebrew',system-ui,-apple-system,'Segoe UI','Noto Sans Hebrew',Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --hdr:64px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#0C1417; --surface:#121B1F; --sunk:#0F171A;
  --ink:#E4ECEE; --ink-soft:#9AABB1; --ink-faint:#6C7D84;
  --line:#213036; --line-strong:#32454C;
  --acc:#5DB2BE; --acc-ink:#8ACCD5; --acc-soft:#132D31; --on-acc:#05252A;
  --abyss:#0A2B33; --abyss-2:#0F3B46;
  --seal:#E2B262; --seal-soft:#2B2416;
  --ok:#62C08E; --ok-soft:#13281E; --err:#E58B78; --err-soft:#2E1B18;
  --shadow:0 1px 0 rgba(0,0,0,.25),0 10px 28px -18px rgba(0,0,0,.7);
  --shadow-lift:0 1px 0 rgba(0,0,0,.3),0 18px 34px -18px rgba(0,0,0,.8);
  color-scheme:dark;
}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--acc);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--acc-ink)}
:focus-visible{outline:2.5px solid var(--acc);outline-offset:2px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--acc);color:var(--on-acc);padding:10px 14px;border-radius:var(--r-s);z-index:100}
.skip:focus{top:10px}
[hidden]{display:none!important}
img{max-width:100%}

/* ---------- header ---------- */
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top-in{max-width:76rem;margin:0 auto;height:var(--hdr);padding:0 20px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);flex:none;border-radius:8px}
.brand:hover{color:var(--ink)}
.brand picture{display:contents}
.logo{display:block;height:30px;width:auto}

.nav-desk{display:flex;gap:2px;align-items:center;flex:1;min-width:0}
.nav-desk a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap;transition:background-color .15s,color .15s}
.nav-desk a:hover{color:var(--ink);background:var(--sunk)}
.nav-desk a[aria-current="page"]{color:var(--acc);background:var(--acc-soft);font-weight:600}
.who-desk{display:flex;align-items:center;gap:10px;flex:none;padding-inline-start:16px;border-inline-start:1px solid var(--line);height:36px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--abyss);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;flex:none;letter-spacing:.02em}
.who-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.who-tx b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}
.who-tx small{font-size:12.5px;color:var(--ink-soft)}
form.logout{margin:0}
.who-desk form.logout .btn{min-height:36px;padding:0 10px}

.menu{display:none;margin-inline-start:auto;position:static}
.menu summary{list-style:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--ink);border:1px solid var(--line)}
.menu summary::-webkit-details-marker{display:none}
.menu .i-close{display:none}
.menu[open] .i-open{display:none}.menu[open] .i-close{display:block}
.menu[open] summary{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
.sheet{position:absolute;inset-inline:0;top:var(--hdr);background:var(--surface);border-bottom:1px solid var(--line);padding:8px 16px 18px;max-height:calc(100vh - var(--hdr));overflow:auto}
.sheet-who{display:flex;align-items:center;gap:12px;padding:12px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.menu[open] .sheet{box-shadow:0 24px 40px -24px rgba(15,33,41,.45),0 100vh 0 100vh rgba(8,42,51,.36)}
.sheet nav{display:flex;flex-direction:column}
.sheet nav a{display:flex;align-items:center;min-height:50px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:500;font-size:17px}
.sheet nav a[aria-current="page"]{background:var(--acc-soft);color:var(--acc);font-weight:600}
.sheet form.logout{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.sheet form.logout .btn{width:100%;justify-content:center}

@media (max-width:1120px){.who-desk .who-tx{display:none}.top-in{gap:18px}}
@media (max-width:940px){
  .nav-desk,.who-desk{display:none}
  .menu{display:block}
}
@media (max-width:560px){.top-in{padding:0 16px}.logo{height:28px}}

/* ---------- page frame ---------- */
main{max-width:76rem;margin:0 auto;padding:32px 20px 72px}
main.wide{max-width:76rem}
main.fill{max-width:none;padding:0}
main.solo{max-width:28rem;padding-top:5vh}
body.out header.top{background:transparent;border-bottom-color:transparent;position:static;-webkit-backdrop-filter:none;backdrop-filter:none}
body.out .top-in{justify-content:center;height:auto;padding-top:32px}
body.out .logo{height:34px}

h1,h2,h3{color:var(--ink);text-wrap:balance}
h1{font:600 28px/1.25 var(--sans);margin:0 0 6px;letter-spacing:-.012em}
h2{font:600 17.5px/1.35 var(--sans);margin:32px 0 12px}
.card>h2:first-child,form.card>h2:first-child{margin-top:0}
h3{font:600 16px/1.4 var(--sans);margin:0 0 8px}
p{margin:0 0 12px}
.lede{color:var(--ink-soft);margin:0 0 22px;max-width:44rem}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:24px}
.page-head h1{margin:0}
.page-head .lede{margin:6px 0 0}
.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}
.eyebrow{font-size:14px;color:var(--ink-soft);margin:0 0 4px;font-weight:500}
.eyebrow a{color:var(--ink-soft);text-decoration:none}
.eyebrow a:hover{color:var(--acc);text-decoration:underline}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;box-shadow:var(--shadow);margin-bottom:20px}
.card.flush{padding:0;overflow:hidden}
.card.narrow{max-width:28rem;margin-inline:auto}
main.solo .card.narrow{margin-top:0}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.card-head h2{margin:0;font-size:16.5px}
.empty{text-align:center;color:var(--ink-soft);padding:44px 20px}
.empty::before{content:"";display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:var(--sunk) url(/static/brand/logo-mark.svg) center/26px 26px no-repeat;box-shadow:inset 0 0 0 1px var(--line);filter:grayscale(1);opacity:.7}
.empty p{margin:0 0 14px;max-width:30rem;margin-inline:auto}
.muted{color:var(--ink-soft);font-size:14.5px}
.mt{margin-top:16px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:20px;align-items:start}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:20px;align-items:start}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row.spread{justify-content:space-between}
[data-w="30"]{max-width:34rem}[data-w="26"]{max-width:30rem}[data-ar]{text-align:right}

/* ---------- buttons ---------- */
.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:10px;font:600 15px/1 var(--sans);text-decoration:none;color:var(--ink);background:var(--surface);cursor:pointer;white-space:nowrap;box-shadow:0 1px 1px rgba(15,33,41,.04);transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.btn:hover,button:hover{border-color:var(--acc);color:var(--acc)}
.btn.pri,button.pri{background:var(--acc);border-color:var(--acc);color:var(--on-acc);box-shadow:0 1px 2px rgba(8,42,51,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.btn.pri:hover,button.pri:hover{background:var(--acc-ink);border-color:var(--acc-ink);color:var(--on-acc)}
.btn.danger,button.danger{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,var(--line))}
.btn.danger:hover,button.danger:hover{background:var(--err-soft);border-color:var(--err);color:var(--err)}
.btn.quiet,button.quiet{border-color:transparent;background:transparent;color:var(--ink-soft);padding:0 12px;box-shadow:none}
.btn.quiet:hover,button.quiet:hover{background:var(--sunk);color:var(--ink)}
.btn.sm,button.sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:8px}
button.link{min-height:44px;padding:0;border:0;background:none;box-shadow:none;color:var(--acc);font-weight:500;text-decoration:underline;text-underline-offset:3px}
button.link.danger{color:var(--err)}
button.link:hover{background:none;color:var(--acc-ink)}
.btn svg{flex:none}

/* ---------- forms ---------- */
label{display:block;font-weight:600;font-size:14.5px;margin:18px 0 7px;color:var(--ink)}
input,select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:10px;font:400 16px/1.4 var(--sans);background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}
select{appearance:none;-webkit-appearance:none;padding-inline-end:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234E5F67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:left 16px center;background-size:12px 8px;background-repeat:no-repeat}
input:hover,select:hover{border-color:var(--ink-faint)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}
input[readonly]{background:var(--sunk)}
form.stack>button,form.stack>.btn{margin-top:24px;width:100%}
.card form.stack>button{width:100%}
select.auto{width:auto;min-width:10rem}
.hint{font-size:13.5px;color:var(--ink-soft);margin-top:6px}

/* ---------- flash / state ---------- */
.flash{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:var(--r);margin-bottom:20px;border:1px solid;font-weight:500}
.flash::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;margin-top:9px}
.flash.ok{border-color:color-mix(in srgb,var(--ok) 30%,transparent);background:var(--ok-soft);color:var(--ok)}
.flash.err{border-color:color-mix(in srgb,var(--err) 30%,transparent);background:var(--err-soft);color:var(--err)}
.state{text-align:center;padding:48px 28px;max-width:32rem;margin:6vh auto 0}
.state h1{font-size:26px}
.state p{color:var(--ink-soft)}
.state-mark{display:inline-grid;place-items:center;min-width:64px;height:64px;padding:0 14px;border-radius:16px;background:var(--abyss);color:#fff;font:600 22px/1 var(--sans);letter-spacing:.02em;margin-bottom:18px;position:relative;font-variant-numeric:tabular-nums}
.state-mark::after{content:"";position:absolute;top:-4px;inset-inline-end:-4px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--surface)}
.state .btn{margin-top:8px}

/* ---------- pills ---------- */
.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;background:var(--acc-soft);color:var(--acc);font-size:13px;font-weight:600;white-space:nowrap;line-height:1.6}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.s-submitted{background:var(--seal-soft);color:var(--seal)}
.pill.s-reviewed{background:var(--ok-soft);color:var(--ok)}
.pill.s-archived{background:var(--sunk);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line)}
.pill.warn{background:var(--err-soft);color:var(--err)}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.off{background:var(--sunk);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line)}

/* ---------- tables (become cards under 760px) ---------- */
.tbl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:right;font-size:13px;font-weight:600;color:var(--ink-soft);padding:11px 16px;background:var(--sunk);border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}
tbody tr:first-child td{border-top:0}
tbody tr:hover td{background:color-mix(in srgb,var(--acc-soft) 32%,transparent)}
td.num{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}
td.ltr{direction:ltr;text-align:right;unicode-bidi:plaintext}
td.act{text-align:left;white-space:nowrap}
td.act .row{justify-content:flex-end;flex-wrap:nowrap}
td.act form{margin:0}
td a.title{font-weight:600;color:var(--ink);text-decoration:none}
td a.title:hover{color:var(--acc);text-decoration:underline}
.cell-sub{display:block;font-size:13.5px;color:var(--ink-soft);direction:ltr;text-align:right;unicode-bidi:plaintext}
.code{font-family:var(--mono);font-size:13px}

@media (max-width:760px){
  .tbl-wrap{background:none;border:0;box-shadow:none;overflow:visible}
  .tbl-wrap table,.tbl-wrap tbody{display:block;width:100%}
  .tbl-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl-wrap tr{display:flex;flex-wrap:wrap;gap:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:12px}
  .tbl-wrap tbody tr:hover td{background:none}
  .tbl-wrap td{border:0;padding:0;display:flex;flex-direction:column;gap:1px;flex:1 1 calc(50% - 16px);min-width:0;text-align:right;white-space:normal;font-size:15px}
  .tbl-wrap td::before{content:attr(data-label);color:var(--ink-soft);font-size:13px;font-weight:500}
  .tbl-wrap td:not([data-label])::before{content:none}
  .tbl-wrap td.lead{flex-basis:100%;display:block;font-size:17px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .tbl-wrap td.lead .cell-sub{margin-top:2px}
  .tbl-wrap td.num,.tbl-wrap td.ltr{color:var(--ink)}
  .tbl-wrap td.ltr{direction:rtl;display:block}
  .tbl-wrap td.ltr::before{display:block}
  .tbl-wrap td.ltr>span[dir]{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
  .tbl-wrap td .pill{align-self:flex-start}
  .tbl-wrap td.act{flex-basis:100%;display:block;padding-top:12px;border-top:1px solid var(--line)}
  .tbl-wrap td.act:empty{display:none}
  .tbl-wrap td.act .row{flex-wrap:wrap;justify-content:stretch}
  .tbl-wrap td.act .row>*{flex:1 1 0}
  .tbl-wrap td.act .btn,.tbl-wrap td.act button{width:100%;min-height:44px}
  .tbl-wrap td.act .muted{text-align:center;display:block}
  .tbl-wrap td.stack{flex-basis:100%}
}

/* ---------- dashboard ledger ---------- */
.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);overflow:hidden;margin-bottom:28px}
.ledger>div{padding:20px 24px 22px;border-inline-start:1px solid var(--line);margin-inline-start:-1px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px}
.ledger b{font:600 34px/1.05 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em}
.ledger span{color:var(--ink-soft);font-size:14px;font-weight:500}
.ledger .hot b{color:var(--seal)}
.ledger .hot span::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-inline-start:7px;vertical-align:middle}
@media (max-width:560px){
  .ledger{grid-template-columns:1fr 1fr}
  .ledger>div{border-top:1px solid var(--line);margin-top:-1px;padding:16px 18px}
  .ledger b{font-size:30px}
  .ledger>div:last-child:nth-child(odd){grid-column:1/-1}
}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:14px}
.quick a{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 22px;padding-inline-end:48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.quick a::after{content:"";position:absolute;inset-inline-end:22px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid var(--ink-faint);border-left:2px solid var(--ink-faint);transform:rotate(-45deg);transition:border-color .15s,transform .15s}
.quick a:hover::after{transform:translateX(-3px) rotate(-45deg)}
.quick a:hover{border-color:color-mix(in srgb,var(--acc) 55%,var(--line));box-shadow:var(--shadow-lift)}
.quick a:hover::after{border-color:var(--acc)}
.quick a b{font-weight:600;font-size:16.5px}
.quick a span{color:var(--ink-soft);font-size:14.5px}
.quick a.lead-act{background:var(--abyss) radial-gradient(120% 140% at 0% 0%,var(--abyss-2),transparent 60%);border-color:var(--abyss);color:#fff}
.quick a.lead-act span{color:rgba(255,255,255,.72)}
.quick a.lead-act::after{border-color:var(--gold)}
.quick a.lead-act b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-inline-start:8px;vertical-align:middle}

/* ---------- submission detail ---------- */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:0;margin:0}
.facts>div{padding:4px 18px;border-inline-start:1px solid var(--line)}
.facts>div:first-child{border-inline-start:0;padding-inline-start:0}
.facts dt{font-size:13.5px;color:var(--ink-soft)}
.facts dd{margin:4px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:560px){
  .facts{grid-template-columns:1fr 1fr;gap:14px 0}
  .facts>div{border:0;padding:0 0 0 12px}
}
.status-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.status-form label{margin:0;font-size:14.5px}
pre.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:400 15px/1.85 var(--sans);direction:rtl;text-align:right;margin:0;box-shadow:var(--shadow)}

/* ---------- agent link ---------- */
.linkpanel{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}
.linkbox{display:flex;gap:8px;align-items:stretch}
.linkbox input{direction:ltr;text-align:left;font-family:var(--mono);font-size:14px;min-width:0}
.linkbox button{flex:none}
.qr{background:#fff;padding:12px;border-radius:var(--r);display:inline-block;border:1px solid var(--line)}
.qr svg{width:184px;height:184px;display:block}
.qr-cap{font-size:13.5px;color:var(--ink-soft);text-align:center;margin-top:8px}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--ink-soft);margin-top:12px}
.btnbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.btnbar form{margin:0}
@media (max-width:640px){
  .linkpanel{grid-template-columns:1fr}
  .linkpanel .qrcol{text-align:center}
  .linkbox{flex-direction:column}
  .linkbox button{width:100%}
  .btnbar form,.btnbar button,.btnbar .btn{width:100%}
}

/* ---------- 2FA ---------- */
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps>li{counter-increment:s;position:relative;padding-inline-start:44px;margin-bottom:24px}
.steps>li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:14px}
.steps>li>h2{margin:2px 0 10px;font-size:16.5px}
code{font-family:var(--mono);font-size:14px;background:var(--sunk);border:1px solid var(--line);padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}
.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;font-family:var(--mono);direction:ltr;text-align:left;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:14.5px}
details.alt{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
details.alt summary{cursor:pointer;color:var(--ink-soft);font-size:14.5px;min-height:44px;display:flex;align-items:center}
details.alt[open] summary{color:var(--ink)}

/* ---------- auth pages (centered, e.g. thanks / claim) ---------- */
.auth h1{font-size:26px;margin-bottom:6px}
.auth .sub{color:var(--ink-soft);margin:0 0 6px}
.auth-foot{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-soft)}
.auth-foot p{margin:0 0 8px}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:14.5px}
.thanks-mark{width:52px;height:52px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;margin-bottom:16px}
.offer{margin-top:22px;padding:20px;border-radius:var(--r);background:var(--sunk);border:1px solid var(--line)}
.offer h2{margin:0 0 6px;font-size:17px}
.offer form{margin:14px 0 0}
.offer form button{width:100%}
.offer .no{display:block;text-align:center;margin-top:10px;min-height:44px;line-height:44px}
dl.claim-what{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:14px 0 18px;padding:14px 16px;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);font-size:15px}
dl.claim-what dt{color:var(--ink-soft)}
dl.claim-what dd{margin:0;font-weight:600}

/* ---------- entry (login, 2FA, reset): split brand panel + form ---------- */
body.entry{background:var(--surface)}
.auth-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:100vh;min-height:100dvh}
.auth-brand{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:44px clamp(32px,5vw,72px) 40px;background:radial-gradient(110% 70% at 100% 0%,#0F4552 0%,transparent 62%),linear-gradient(170deg,#0A3039 0%,#072229 100%);color:#D6E4E8}
.auth-art{position:absolute;z-index:-1;width:760px;height:auto;left:-250px;bottom:-330px;color:rgba(255,255,255,.06);pointer-events:none}
.auth-art-dot{display:none}
.auth-logo{display:inline-flex;align-self:flex-start;border-radius:8px}
.auth-brand .auth-logo .logo{height:44px}
.auth-pitch{max-width:30rem}
.auth-claim{font:600 clamp(28px,2.6vw,38px)/1.18 var(--sans);letter-spacing:-.015em;color:#fff;margin:0 0 26px;text-wrap:balance}
.auth-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.auth-points li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:rgba(255,255,255,.8)}
.auth-points svg{flex:none;margin-top:2px;padding:3px;width:22px;height:22px;border-radius:50%;background:rgba(232,169,58,.16);color:var(--gold)}
.auth-note{margin:0;font-size:13.5px;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:8px}
.auth-note::before{content:"";width:6px;height:6px;border-radius:50%;background:#62C08E;box-shadow:0 0 0 3px rgba(98,192,142,.18)}
.auth-pane{max-width:none;margin:0;padding:48px 28px;display:grid;place-items:center;background:var(--surface)}
.auth-col{width:min(25rem,100%)}
.auth-pane .card{background:transparent;border:0;box-shadow:none;padding:0;margin:0;max-width:none}
.auth-pane .auth h1{font-size:30px;letter-spacing:-.015em}
.auth-pane .auth .sub{margin-bottom:10px}
.auth-pane form.stack>button{min-height:50px;font-size:16px}
.auth-pane .flash{margin-bottom:24px}
@media (max-width:900px){
  .auth-split{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .auth-brand{padding:22px 20px 26px;gap:18px}
  .auth-brand .auth-logo .logo{height:32px}
  .auth-art{width:240px;left:-70px;bottom:-150px}
  .auth-claim{font-size:21px;margin:0}
  .auth-points,.auth-note{display:none}
  .auth-pane{place-items:start center;padding:30px 20px 48px}
  .auth-pane .auth h1{font-size:26px}
}

/* ---------- funds frame ---------- */
.frame-head{max-width:80rem;margin:0 auto;padding:16px 16px 12px}
.frame-head h1{margin:0;font-size:24px}
iframe.board{display:block;width:100%;height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr));border:0;background:#fff}

@media (max-width:560px){
  main{padding:22px 16px 48px}
  h1{font-size:25px}
  .card{padding:18px;border-radius:var(--r)}
  .page-head .actions{width:100%}
  .page-head .actions .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{header.top,.page-head .actions,.status-form{display:none!important}body{background:#fff}.card,pre.summary{box-shadow:none}}
.linkpanel label:first-child{margin-top:0}