/* BragCrew website · MASTER-HANDOFF-r38-SAFETY-DELETE · additions for delete-account.html and delete-status.html on top of r35 assets/site.css (byte copy).
   Same rule as r35: every declaration uses only var(), keywords, 0, 50 %, 100 % and integer multipliers. New custom properties carry Stadion token values
   (light.warn / dark.warn, strokeWidth 2.5, opacity 0.38) – no new tokens. */
:root{--warn:#8A4B00;--b25:2.5px;--dis:0.38}
@media (prefers-color-scheme:dark){:root{--warn:#F2B866}}
.narrow-l{max-width:calc(2 * var(--z390))}
.addr{overflow-wrap:anywhere}
.flow{display:flex;flex-direction:column;gap:var(--s16)}
.flow h2:focus,.page-hero h1:focus,.dbusy:focus{outline:0}
.flow h3,.info h3{font-size:var(--fs19);line-height:var(--lh12)}
.info{display:flex;flex-direction:column;gap:var(--s16)}
.dcard{display:flex;flex-direction:column;gap:var(--s12);padding:var(--s16);border-radius:var(--r12);background:var(--surf);color:var(--ink);border:var(--b1) solid var(--line)}
.dcard .acct{font-size:var(--fs17);overflow-wrap:break-word}
.flow-box{display:flex;flex-direction:column;gap:var(--s16);padding:var(--s24) var(--s16);border-radius:var(--r24);background:var(--surf);border:var(--b15) solid var(--ctl)}
.btn-dst{background:var(--surf);color:var(--err);border:var(--b15) solid var(--err)}
.btn-dst:hover,.btn-dst:active{background:var(--save);color:var(--err)}
.btn[aria-disabled=true]{opacity:var(--dis);cursor:default}
.btn-pri[aria-disabled=true]:hover,.btn-pri[aria-disabled=true]:active{background:var(--acc);box-shadow:none}
.btns .btn{flex:1 1 auto}
.why{font-size:var(--fs14);line-height:var(--lh14);font-weight:var(--w600);color:var(--sub)}
.field{display:flex;flex-direction:column;gap:var(--s6)}
.field label{font-size:var(--fs15);font-weight:var(--w700);line-height:var(--lh14)}
.field input{width:100%;min-height:var(--c48);padding:var(--s10) var(--s16);border:var(--b15) solid var(--ctl);border-radius:var(--r12);background:var(--surf);color:var(--ink);font-family:var(--txt);font-size:var(--fs17);line-height:var(--lh12)}
.field input:focus-visible{outline:var(--b3) solid var(--focus);outline-offset:var(--s2)}
.field .code-in{font-family:var(--disp);font-size:var(--fs24);font-weight:var(--w800);letter-spacing:var(--lsWide);font-variant-numeric:tabular-nums}
.field.is-err input{border:var(--b25) solid var(--err)}
.field-err{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s8);align-items:start;font-weight:var(--w700);color:var(--err)}
.field-err svg,.dnote svg{width:var(--fs16);height:var(--fs16);margin-block-start:var(--s2)}
.dnote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4) var(--s10);align-items:start;padding:var(--s12) var(--s14);border-radius:var(--r12);background:var(--save);color:var(--ink);font-size:var(--fs15);line-height:var(--lh14)}
.dnote-tx{display:flex;flex-direction:column;gap:var(--s8);min-width:0}
.dnote-ok svg,.dnote-ok strong{color:var(--ok)}
.dnote-warn svg,.dnote-warn strong{color:var(--warn)}
.dnote-err svg,.dnote-err strong{color:var(--err)}
.dbusy{display:flex;align-items:center;gap:var(--s10);min-height:var(--c48);font-weight:var(--w700)}
.dspin{flex:none;width:var(--fs16);height:var(--fs16);border-radius:50%;border:var(--b25) solid currentColor;border-inline-end-color:transparent}
.rgroup{display:flex;flex-direction:column;gap:var(--s8)}
.rcard{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s12);align-items:start;padding:var(--s12) var(--s14);border-radius:var(--r12);border:var(--b15) solid var(--ctl);background:var(--surf);color:var(--ink);cursor:pointer;transition:background-color var(--fast) var(--ease)}
.rcard:hover,.rcard:active{background:var(--save)}
.rcard input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rcard:has(input:focus-visible){outline:var(--b3) solid var(--focus);outline-offset:var(--s2)}
.rdot{width:var(--fs22);height:var(--fs22);margin-block-start:var(--s2);border-radius:50%;border:var(--b2) solid var(--ctl);display:flex;align-items:center;justify-content:center}
.rtx{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.rtx span{font-size:var(--fs14);line-height:var(--lh14);color:var(--sub)}
.rcard.on{background:var(--acc);color:var(--accTx);border:var(--b2) solid var(--acc)}
.rcard.on:hover,.rcard.on:active{background:var(--accPress)}
.rcard.on .rtx span{color:var(--accTx)}
.rcard.on .rdot{border-color:var(--accTx)}
.rcard.on .rdot::after{content:"";width:calc(var(--fs22) / 2);height:calc(var(--fs22) / 2);border-radius:50%;background:var(--accTx)}
.srows{display:flex;flex-direction:column;margin:0}
.srows>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4) var(--s16);padding-block:var(--s10);border-block-start:var(--b1) solid var(--line)}
.srows>div:first-child{border-block-start:0}
.srows dt{font-weight:var(--w700)}
.srows dd{margin:0;color:var(--sub)}
.tlink{display:inline-flex;align-items:center;min-height:var(--c48);padding:0;border:0;background:none;color:var(--link);font:inherit;font-weight:var(--w700);text-decoration:underline;text-underline-offset:var(--s4);cursor:pointer}
.tlink:hover{color:var(--linkHover);text-decoration-thickness:var(--b3)}
.countdown{display:flex;align-items:center;min-height:var(--c48);font-weight:var(--w700);color:var(--sub)}
.mail-l{font-family:var(--disp);font-size:var(--fs24);font-weight:var(--w800);line-height:var(--lh12);overflow-wrap:anywhere}
.nojs{border:var(--b15) dashed var(--ctl);border-radius:var(--r12);padding:var(--s16);color:var(--ink)}
@media (min-width:768px){.btns .btn{flex:0 1 auto}.flow-box{padding:var(--s36)}}