/* 로그인 화면 — 세션 없이 열리는 파일(값 없음). 색 토큰은 app.css 와 같다(감사 보고서 토큰). */
:root{
  --bg:#F5F4EF; --surface:#FFFFFF; --ink:#1B1E23; --ink-2:#394049; --muted:#69707B;
  --rule:#E3E0D7; --rule-strong:#CDC8BB; --accent:#1D5AA8; --accent-soft:#E9EFF8; --bad:#B63F26; --bad-soft:#F9E8E3;
  --display:"Do Hyeon","Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --sans:"Noto Sans KR",-apple-system,"Segoe UI","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121417; --surface:#191C21; --ink:#E4E7EB; --ink-2:#C4CAD2; --muted:#949CA7;
    --rule:#2A2F36; --rule-strong:#3B424B; --accent:#86AEEA; --accent-soft:#1A2436; --bad:#F08A70; --bad-soft:#35201A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#121417; --surface:#191C21; --ink:#E4E7EB; --ink-2:#C4CAD2; --muted:#949CA7;
  --rule:#2A2F36; --rule-strong:#3B424B; --accent:#86AEEA; --accent-soft:#1A2436; --bad:#F08A70; --bad-soft:#35201A;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;
  display:grid;place-items:center;padding:24px 16px;word-break:keep-all;overflow-wrap:anywhere}
.box{width:min(440px,100%);background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:26px 24px;
  display:grid;gap:12px;box-shadow:0 2px 14px rgba(0,0,0,.08)}
h1{margin:0;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.2}
.lede{margin:0;color:var(--ink-2);font-size:15px}
form{display:grid;gap:8px}
label{font-size:14px;font-weight:700;margin-top:6px}
input{font:inherit;font-size:17px;padding:10px 12px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--bg);color:var(--ink);width:100%}
#name,#code{font-family:var(--mono);letter-spacing:.04em}
input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
button{font:inherit;font-size:17px;font-weight:700;margin-top:10px;padding:12px;border-radius:10px;border:1px solid var(--accent);
  background:var(--accent);color:var(--surface);cursor:pointer;min-height:48px}
button:disabled{opacity:.6;cursor:default}
#msg{margin:0;min-height:1.6em;font-size:14.5px;color:var(--bad)}
#msg.ok{color:var(--muted)}
.foot{margin:0;font-size:13px;color:var(--muted);border-top:1px solid var(--rule);padding-top:10px}