/* Shared styles for the sign-in and account pages (matches the Stockroom app). */
:root{--bg:#121417;--panel:#1b1e23;--line:#30353d;--inp:#16181c;--text:#f2f3f5;--muted:#a9afb9;--acc:#f1d14a;--accfg:#2a2406;--red:#ff7a6b;--green:#7fd39a;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Archivo,system-ui,-apple-system,Segoe UI,sans-serif;padding-inline:16px}
.wrap{max-width:960px;margin:0 auto;padding-block:40px 64px;display:flex;flex-direction:column;gap:20px}
.narrow{max-width:400px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}
.brand i{display:inline-flex;gap:2px;padding:5px;background:#c9b48a;border-radius:4px}
.brand i b{width:4px;height:14px;border-radius:1px;background:#7b4a26}.brand i b:nth-child(2){background:#d0352b}.brand i b:nth-child(3){background:#ea8a2e}
.eyebrow{font:500 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:4px 0 0;font-size:26px;font-weight:600}
h2{margin:0;font-size:16px;font-weight:600}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
input,select{height:38px;padding:0 10px;border-radius:5px;border:1px solid #3a3f47;background:var(--inp);color:var(--text);font:inherit;font-size:14px;min-width:0}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
button,.btn{height:38px;padding:0 14px;border-radius:5px;border:1px solid #3a3f47;background:transparent;color:var(--text);font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
button.primary,.btn.primary{background:var(--acc);color:var(--accfg);border-color:transparent;font-weight:600}
button:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.row>*{flex:1 1 160px}
.msg{padding:10px 12px;border-radius:5px;border:1px solid var(--line);font-size:13px}
.msg.err{border-color:#6b2f2a;color:var(--red)}.msg.ok{border-color:#2f5a3c;color:var(--green)}
.link{background:none;border:0;padding:0;height:auto;color:var(--acc);cursor:pointer;font-size:13px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:8px 6px;border-top:1px solid var(--line)}
th{font:500 11px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0}
.tablewrap{overflow-x:auto}
.muted{color:var(--muted)}
.sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.sep:before,.sep:after{content:"";flex:1;border-top:1px solid var(--line)}
[hidden]{display:none!important}
.stack{display:flex;flex-direction:column;gap:10px}