/* ═══════════ LOGIN SCREEN ═══════════ */
#loginScreen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  background:var(--bg);transition:opacity 0.4s,transform 0.4s}
#loginScreen.hidden{opacity:0;pointer-events:none;transform:scale(1.02)}
.login-card{width:440px;max-width:90vw;text-align:center}
.login-logo{font-family:'Bricolage Grotesque',sans-serif;font-size:1.8rem;font-weight:800;color:var(--ink);margin-bottom:0.25rem}
.login-logo span{color:var(--amber)}
.login-sub{color:var(--ink-muted);font-size:0.95rem;margin-bottom:2.5rem}
.login-card label{display:block;text-align:left;font-weight:600;font-size:0.8rem;
  text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-soft);margin-bottom:0.4rem}
.login-card input[type="text"],.login-card input[type="email"],.login-card input[type="password"]{
  width:100%;padding:0.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);
  font-size:1rem;background:var(--surface);transition:border-color var(--transition);margin-bottom:1.25rem;outline:none}
.login-card input:focus{border-color:var(--amber)}
.login-card input.input-error{border-color:#DC143C}
.login-error{color:#DC143C;font-size:0.85rem;font-weight:600;margin-bottom:1rem;min-height:1.2em}
.login-submit{width:100%;padding:0.9rem;background:var(--amber);color:#fff;font-weight:700;
  font-size:1rem;border-radius:var(--radius-md);transition:all var(--transition);letter-spacing:0.02em}
.login-submit:hover{background:var(--amber-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.login-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none}
.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--ink-muted);font-size:0.8rem}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.login-quick{width:100%;padding:0.75rem;background:var(--surface);color:var(--ink-soft);font-weight:600;
  font-size:0.9rem;border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition)}
.login-quick:hover{border-color:var(--amber-light);color:var(--ink)}
.login-note{margin-top:1.5rem;font-size:0.8rem;color:var(--ink-muted)}
.login-note a{color:var(--amber);text-decoration:underline}
.login-bg-tiles{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0.04}
.login-bg-tiles .bg-tile{position:absolute;width:80px;height:80px;border-radius:var(--radius-lg);
  display:flex;align-items:center;justify-content:center;font-size:2.2rem}