/* Shared by account.html and application.html: a blue brand band over a calm reading surface. */
:root{--bg:#EEF0F5;--card:#fff;--fg:#0E1530;--mut:#5E6588;--line:#E3E6EF;--in:#F6F7FB;--blue:#1226AA;--blue-ink:#1226AA;--blue-t:#E9ECFC;--green:#87E873;--green-ink:#1F7A35;--green-t:#E7F8E2;--amber-t:#FFF3D6;--amber-ink:#8A5A00;--coral:#FF7276;--coral-t:#FFE8E9;--coral-ink:#B3262C;--r:18px;--sh:0 1px 2px rgba(14,21,48,.05),0 8px 24px -12px rgba(14,21,48,.12);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0A0F22;--card:#121936;--fg:#EEF0FB;--mut:#A3A9C9;--line:#232B4D;--in:#0E1430;--blue-ink:#9AA6FF;--blue-t:#1B2350;--green-ink:#8BE27A;--green-t:#15301C;--amber-t:#33270B;--amber-ink:#F2C56B;--coral-t:#3A1619;--coral-ink:#FF9DA0;--sh:none;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:400 16px/1.65 'Rubik',system-ui,sans-serif}
a{color:var(--blue-ink)}
.band{background:var(--blue);color:#fff;padding:22px 16px 64px;position:relative;overflow:hidden;isolation:isolate}
.band>.w{position:relative;z-index:1}
.band>.w:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.band img{height:34px;display:block}
.band h1{margin:26px 0 2px;font-weight:500;font-size:clamp(26px,5vw,34px);line-height:1.25}
.band p{margin:0;color:#C9D0FF}
.w{max-width:760px;margin:0 auto}
main.w{padding:0 16px 64px;margin-top:-44px;position:relative;z-index:1}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:24px;margin-bottom:16px}
.card h2{font-size:18px;font-weight:500;margin:0 0 4px}
.card .sub{color:var(--mut);font-size:14px;margin:0 0 18px}
.lang{display:flex;gap:4px;background:rgba(255,255,255,.12);border-radius:99px;padding:3px}
.lang button{border:0;background:none;color:#fff;font:inherit;font-size:13px;padding:5px 12px;border-radius:99px;cursor:pointer}
.lang button[aria-pressed="true"]{background:#fff;color:var(--blue)}
label.f{display:block;font-size:14px;color:var(--mut);margin:0 0 14px}
label.f>span{display:block;margin-bottom:6px}
.in{width:100%;font:inherit;color:var(--fg);background:var(--in);border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-height:46px}
textarea.in{min-height:96px;resize:vertical;line-height:1.6}
.in:focus{outline:2px solid var(--blue-ink);outline-offset:1px;border-color:transparent}
/* locked after a decision: read as plain text, not as a box to type in */
.in:disabled{background:transparent;border-color:transparent;padding-inline:0;min-height:0;opacity:1;color:var(--fg);-webkit-text-fill-color:var(--fg);appearance:none;resize:none;cursor:default}
.ltr{direction:ltr;text-align:left}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:500;border:0;border-radius:99px;padding:12px 22px;min-height:46px;cursor:pointer;text-decoration:none;transition:transform .15s ease-out,background .15s}
.btn:active{transform:scale(.98)}
.btn.p{background:var(--green);color:#0E1530}
.btn.d{background:var(--fg);color:var(--card)}
.btn.l{background:var(--blue-t);color:var(--blue-ink)}
.btn.sm{min-height:36px;padding:7px 14px;font-size:14px}
.btn:disabled{opacity:.55;cursor:default}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.msg{font-size:14px;margin:12px 0 0;min-height:1.4em}
.msg.err{color:var(--coral-ink)}
.msg.ok{color:var(--green-ink)}
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:5px 12px;font-size:13.5px;font-weight:500}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.p-new,.p-pending{background:var(--blue-t);color:var(--blue-ink)}
.p-accepted,.p-approved{background:var(--green-t);color:var(--green-ink)}
.p-waitlist,.p-empty{background:var(--amber-t);color:var(--amber-ink)}
.p-rejected{background:var(--coral-t);color:var(--coral-ink)}
.note{background:var(--in);border-radius:12px;padding:12px 14px;font-size:14.5px;color:var(--fg);margin-top:12px;white-space:pre-line}
.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;margin:0}
.dl div small{display:block;color:var(--mut);font-size:13px}
.dl div{white-space:pre-line;overflow-wrap:anywhere}
.center{text-align:center}
.muted{color:var(--mut)}
.link{background:none;border:0;padding:0;font:inherit;color:var(--blue-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:focus-visible{outline:2px solid var(--blue-ink);outline-offset:2px}
@media (max-width:520px){.card{padding:20px 16px}.band{padding-bottom:58px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

h1,h2,h3{text-wrap:balance}