/* Sign-in and admin pages. Same Lense tokens as chellan-hq.html: off-white page, white card, teal for actions. */
:root{
  --bg:#f9fafb; --panel:#ffffff; --ink:#1f2938; --muted:#6b7280; --line:#e8ebef;
  --teal:#00bca8; --teal-deep:#09786f; --teal-soft:#e0f7f4; --teal-ink:#06655d;
  --ok:#0f8a5f; --ok-soft:#e3f6ee; --bad:#d4182a; --bad-soft:#fde7ea; --amber-ink:#9a4a00; --amber-soft:#fff4e6;
  --hover:#f3f6f8; --shadow:0 1px 2px rgba(31,41,56,.04),0 4px 14px rgba(31,41,56,.06);
  --f-display:"Barlow","Inter",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f151c; --panel:#18212b; --ink:#e6ebf0; --muted:#98a3ae; --line:#26313c;
  --teal:#22d3bd; --teal-deep:#4fd8c6; --teal-soft:#0f3632; --teal-ink:#7ee6d8;
  --ok:#4cc995; --ok-soft:#14322a; --bad:#ff6b78; --bad-soft:#3d1a20; --amber-ink:#ffbf75; --amber-soft:#3a2a14;
  --hover:#1f2a35; --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f151c; --panel:#18212b; --ink:#e6ebf0; --muted:#98a3ae; --line:#26313c;
  --teal:#22d3bd; --teal-deep:#4fd8c6; --teal-soft:#0f3632; --teal-ink:#7ee6d8;
  --ok:#4cc995; --ok-soft:#14322a; --bad:#ff6b78; --bad-soft:#3d1a20; --amber-ink:#ffbf75; --amber-soft:#3a2a14;
  --hover:#1f2a35; --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25); color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--f-body);padding-inline:16px}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
a{color:var(--teal-deep);font-weight:500}
h1{font:700 26px/1.15 var(--f-display);color:var(--teal-deep);margin:0;text-wrap:balance}
.brand{display:flex;align-items:center;gap:10px}
.lens{width:32px;height:32px;border-radius:50%;flex:none;background:radial-gradient(circle at 50% 50%,var(--panel) 0 5px,var(--teal) 6px 9px,var(--panel) 10px 11px,var(--teal-deep) 12px 16px)}
.brand b{font:700 21px/1 var(--f-display);color:var(--teal-deep)}
.brand small{display:block;font:500 11px/1.2 var(--f-body);color:var(--muted);margin-top:3px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:24px}
.fld{display:flex;flex-direction:column;gap:5px}
.fld label{font:500 12.5px var(--f-body);color:var(--muted)}
.fld input,.fld select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 11px;width:100%}
.fld input:focus,.fld select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px var(--teal-soft)}
.help{font-size:12px;line-height:1.45;color:var(--muted)}
.btn{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 14px;font-weight:500}
.btn:hover{background:var(--hover)}
a.btn{text-decoration:none;color:var(--ink);display:inline-block}
.btn.pri{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600;padding:11px 14px}
.btn.pri:hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.msg{border-radius:8px;padding:10px 12px}
.msg.bad{background:var(--bad-soft);color:var(--bad)}
.msg.ok{background:var(--ok-soft);color:var(--ok)}
.chip{display:inline-block;font:500 11.5px/1 var(--f-body);padding:5px 9px;border-radius:999px;white-space:nowrap;background:var(--hover);color:var(--muted)}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.amber{background:var(--amber-soft);color:var(--amber-ink)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
/* sign in, sign up, reset */
.auth{min-height:100%;display:grid;place-items:center;padding-block:32px}
.auth .card{width:min(400px,100%);display:flex;flex-direction:column;gap:18px}
.auth form{display:flex;flex-direction:column;gap:14px}
.auth .foot{color:var(--muted);text-align:center}
/* people page */
.wrap{max-width:900px;margin:0 auto;padding-block:28px 60px;display:flex;flex-direction:column;gap:18px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.person{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px 14px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}
.person:last-child{border-bottom:0}
.person .who b{display:block;font:600 16px var(--f-display)}
.person .who span{color:var(--muted);overflow-wrap:anywhere}
.person .acts{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
.person .link{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}
.person .link input{font-size:12.5px}
@media (max-width:640px){.person{grid-template-columns:minmax(0,1fr)}}