/* Shared styles for the sign-in and Users pages; same palette as the review page. */
:root{
  --paper:#F2F5F8; --sheet:#FFFFFF; --rule:#D2DBE3; --rule-soft:#E3E9EF;
  --ink:#1E2B36; --pencil:#566270; --faint:#7D8894;
  --done:#2E7D4F; --done-bg:#DDEFE3; --issue:#B3261E; --issue-bg:#F6DEDA;
  --na:#6B7178; --na-bg:#E6E9ED; --accent:#1670AD; --accent-bg:#E0EEF8; --brand:#1C84C6; --brand-gray:#808080; --focus:#1D5FBF;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#11161B; --sheet:#182028; --rule:#2E3A46; --rule-soft:#24303B;
    --ink:#E3EAF1; --pencil:#A6B2BE; --faint:#85919C;
    --done:#7BC48F; --done-bg:#1F3A27; --issue:#F08A80; --issue-bg:#43211E;
    --na:#A8AEB4; --na-bg:#29313A; --accent:#6CB8EE; --accent-bg:#16334A; --brand:#4FA7E3; --brand-gray:#9AA3AC; --focus:#7FB0FF;
  }
}
:root[data-theme="dark"]{
  --paper:#11161B; --sheet:#182028; --rule:#2E3A46; --rule-soft:#24303B;
    --ink:#E3EAF1; --pencil:#A6B2BE; --faint:#85919C;
    --done:#7BC48F; --done-bg:#1F3A27; --issue:#F08A80; --issue-bg:#43211E;
    --na:#A8AEB4; --na-bg:#29313A; --accent:#6CB8EE; --accent-bg:#16334A; --brand:#4FA7E3; --brand-gray:#9AA3AC; --focus:#7FB0FF;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.hidden{display:none!important}
h1{font:700 clamp(1.6rem,4vw,2.3rem)/1.1 var(--serif);margin:0 0 6px;overflow-wrap:anywhere}
.lede{color:var(--pencil);margin:0 0 24px;max-width:60ch}
.field{display:block;margin-bottom:16px}
.field>span{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.field small{color:var(--faint);font-weight:400}
.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);border-radius:6px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;border:1px solid var(--rule);background:var(--sheet);cursor:pointer;font-weight:600;font-size:.92rem;white-space:nowrap}
.btn:hover{border-color:var(--pencil)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--sheet)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.small{padding:5px 10px;font-size:.82rem}
.btn.danger{color:var(--issue)}
.btn.danger:hover{border-color:var(--issue)}
.btn[disabled]{opacity:.5;cursor:default}
.err{color:var(--issue);font-size:.9rem;min-height:1.3em;margin:0 0 8px}
.card{background:var(--sheet);border:1px solid var(--rule);border-radius:8px;padding:24px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:6px;font-size:.9rem;z-index:60;max-width:calc(100% - 40px)}