/* 로그인 화면 — 대시보드 색 토큰을 그대로 씀(2026-10-19) */
.gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg,#fff);padding:16px}
.gate[hidden]{display:none}
.gate-box{width:100%;max-width:360px;border:1px solid var(--line,#e9ecf1);border-radius:12px;padding:28px 24px;background:var(--card,#fff);color:var(--ink,#232b3e)}
.gate-box h1{font-size:18px;margin:0 0 4px}
.gate-box p{font-size:13px;color:var(--ink2,#586074);margin:0 0 18px;line-height:1.5}
.gate-box label{display:block;font-size:12px;color:var(--ink2,#586074);margin:12px 0 4px}
.gate-box input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line,#e9ecf1);border-radius:8px;background:var(--bg,#fff);color:inherit}
.gate-box input:focus{outline:2px solid var(--accent,#0F80F6);outline-offset:-1px}
.gate-box button.go{width:100%;margin-top:18px;padding:10px;border:0;border-radius:8px;background:var(--accent,#0F80F6);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.gate-box button.go:disabled{opacity:.6;cursor:default}
.gate-box .lnk{display:inline-block;margin-top:12px;font-size:12px;color:var(--accent-ink,#0B66C8);background:none;border:0;padding:0;cursor:pointer}
.gate-msg{font-size:12.5px;margin-top:12px;min-height:1em;color:var(--ink2,#586074)}
.gate-msg.bad{color:var(--alert-ink,#C8312A)}
.tb-out{margin-left:12px;font-size:12px;border:1px solid var(--line,#e9ecf1);background:none;color:inherit;border-radius:6px;padding:3px 10px;cursor:pointer}
/* 비밀번호 변경 — 대시보드 위에 반투명으로 띄움(2026-10-20) */
.gate.gate-over{background:rgba(20,22,28,.45)}
.tb-out+.tb-out{margin-left:6px}