.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px;
  background: radial-gradient(1200px 600px at 85% -10%, color-mix(in srgb, var(--emax-sky) 22%, transparent), transparent 60%), var(--bg); }
.login-wrap { display: grid; grid-template-columns: 380px auto; gap: 48px; align-items: center; }
.login-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 28px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.login-brand { display: flex; flex-direction: column; gap: 18px; margin-bottom: 24px; }
.login-logo { height: 40px; width: auto; display: block; align-self: flex-start; }
.login-title { border-top: 1px solid var(--border); padding-top: 16px; }
.login-brand h1 { font: 700 20px/1.2 var(--font-display); margin: 0; letter-spacing: -.01em; }
.login-brand p { margin: 2px 0 0; color: var(--text-2); font-size: 13.5px; }
#login-form { display: flex; flex-direction: column; gap: 14px; }
#login-form .btn { height: 38px; margin-top: 4px; }
.login-side .label-card { transform: rotate(-4deg); width: 280px; box-shadow: 0 18px 40px rgba(18,30,40,.18), inset 0 0 0 3px #fff, inset 0 0 0 4px #e6eaed; }
.login-side .label-card .l-tag { font-size: 21px; }
.login-side .label-card svg.barcode { height: 52px; }
@media (max-width: 760px) { .login-wrap { grid-template-columns: 1fr; } .login-side { display: none; } }
.login-card { border-top: 3px solid var(--emax-sky); }
.login-logo.on-dark { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .login-logo.on-light { display: none; }
  :root:not([data-theme="light"]) .login-logo.on-dark { display: block; }
}
:root[data-theme="dark"] .login-logo.on-light { display: none; }
:root[data-theme="dark"] .login-logo.on-dark { display: block; }

.ms-btn { width: 100%; justify-content: center; gap: 10px; height: 42px; font-weight: 600; background: var(--surface); border-color: var(--border-strong); }
.ms-note { font-size: 12.5px; color: var(--text-3); margin: 8px 0 14px; text-align: center; }
.admin-toggle { display: block; margin: 0 auto 12px; font-size: 13px; }
#login-form[hidden] { display: none; }