/* login.css — proper login page design (v4.8.40)
   Token-based: uses shop.css :root variables so light/dark works automatically.
   Loaded standalone on login.php (separate file avoids shared-CDN cache staleness). */
.login-wrap{width:100%;max-width:none;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:transparent;border:none;border-radius:0;box-shadow:none;}
.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:0 10px 30px rgba(0,0,0,.08);box-sizing:border-box;}
.login-card h1{margin:0 0 18px;font-size:var(--fs-h2,20px);color:var(--title);text-align:center;letter-spacing:.5px;}
.login-card label{display:block;font-size:13px;color:var(--subtitle);margin:14px 0 6px;font-weight:600;}
.login-card input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:15px;box-sizing:border-box;}
.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);}
.login-card button[type=submit]{width:100%;margin-top:20px;padding:12px;border:none;border-radius:10px;background:var(--primary);color:var(--primary-ink,#fff);font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s;}
.login-card button[type=submit]:hover{filter:brightness(1.06);}
.login-card .err{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);padding:9px 12px;border-radius:9px;font-size:13px;margin:0 0 6px;}
.login-card .muted,.login-card .night-tag{text-align:center;font-size:13px;color:var(--mut);margin-top:14px;}
.login-card a{color:var(--primary);text-decoration:none;}
.login-card a:hover{text-decoration:underline;}

/* v4.8.41 login logo (replaces text brand). Light logo default, gold in dark mode. */
.login-logo{text-align:center;margin-bottom:18px;}
.login-logo img{height:54px;width:auto;max-width:100%;}
.login-logo .lg-dark{display:none;}
body.dark .login-logo .lg-light{display:none;}
body.dark .login-logo .lg-dark{display:inline-block;}

/* v4.8.42 desktop: roomier, less cramped (mobile untouched) */
@media (min-width:768px){
  .login-wrap{padding:48px;}
  .login-card{max-width:440px;padding:40px 38px;border-radius:22px;}
  .login-card h1{font-size:var(--fs-h1,24px);margin-bottom:24px;}
  .login-logo{margin-bottom:26px;}
  .login-logo img{height:64px;}
  .login-card label{margin:18px 0 8px;font-size:14px;}
  .login-card input{padding:13px 15px;font-size:16px;}
  .login-card button[type=submit]{margin-top:26px;padding:14px;font-size:16px;}
}