/* Login page + nav account bits */
.nav-user { color: var(--text); font-weight: 600; }
.nav .nav-admin { color: var(--gold); }
.auth-main { display: grid; place-items: center; min-height: calc(100vh - 70px); padding: 32px 16px; }
.auth-card { width: 100%; max-width: 400px; background: linear-gradient(160deg, var(--panel-2), var(--panel));
  border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; }
.auth-tabs { display: flex; margin-bottom: 20px; }
.auth-tabs button { flex: 1; }
.auth-card form { display: grid; gap: 14px; }
.auth-card label { display: grid; gap: 6px; font-size: .9rem; color: var(--muted); font-weight: 500; }
.auth-card input { font: inherit; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 9px 12px; }
.auth-card input:focus { outline: 2px solid var(--gold); outline-offset: 1px; border-color: transparent; }
.auth-card [data-register] { display: grid; gap: 14px; }
.auth-card [data-register][hidden] { display: none; }
.admin-code summary { cursor: pointer; color: var(--muted); font-size: .88rem; }
.admin-code label { margin-top: 10px; }
.form-error { color: #ff7b72; margin: 0; min-height: 1.2em; font-size: .9rem; }
.auth-card .btn { width: 100%; font: inherit; font-weight: 600; }
.auth-card .btn:disabled { opacity: .6; cursor: default; }
@media (max-width: 600px) { .nav-user { display: none; } }