
.admin-gate-badge{font-size:12px;font-weight:800;color:#8f111c;background:#fff0f1;border:1px solid #f1c8cc;border-radius:999px;padding:8px 12px}.admin-login-heading{margin-bottom:24px}.admin-login-heading>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#c1121f}.admin-login-heading h2{margin:8px 0 6px;font-size:28px}.admin-login-heading p,.security-copy{color:#6b7280;font-size:13px}.security-copy{text-align:center;margin:14px 0 0}.auth-panel{justify-content:center}.auth-panel form{width:100%}.auth-hero-overlay h2{max-width:360px}.toast.show{display:block}.toast.core-toast{position:fixed;right:24px;bottom:24px;z-index:9999;padding:13px 16px;border-radius:10px;background:#1f2937;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.2)}.toast.core-toast.error{background:#b42318}.toast.core-toast.success{background:#067647}
.auth-panel button[type="submit"][disabled]{cursor:wait;opacity:.78}
@media(max-width:700px){.admin-gate-badge{display:none}}


@media(max-width:560px){
  body[data-page="admin-login"]{overflow-x:hidden}
  body[data-page="admin-login"] .header,
  body[data-page="admin-login"] .footer,
  body[data-page="admin-login"] .auth-hero,
  body[data-page="admin-login"] .trust{display:none}
  body[data-page="admin-login"] .main{
    display:block;
    min-height:100dvh;
    padding:max(26px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))
  }
  body[data-page="admin-login"] .auth-wrap{width:100%;max-width:100%;margin:0}
  body[data-page="admin-login"] .auth-card{
    display:block;width:100%;max-width:100%;border:0;border-radius:14px;overflow:visible;box-shadow:none
  }
  body[data-page="admin-login"] .auth-panel{
    width:100%;max-width:100%;padding:24px 18px;overflow:visible
  }
  body[data-page="admin-login"] .admin-login-heading{margin-bottom:20px}
  body[data-page="admin-login"] .admin-login-heading h2{
    font-size:25px;line-height:1.18;overflow-wrap:anywhere
  }
  body[data-page="admin-login"] .form-grid{display:block}
  body[data-page="admin-login"] .field{width:100%;min-width:0;margin-bottom:12px}
  body[data-page="admin-login"] .input,
  body[data-page="admin-login"] .password-wrap,
  body[data-page="admin-login"] .primary{width:100%;max-width:100%;min-width:0}
  body[data-page="admin-login"] .input{height:48px;font-size:16px}
  body[data-page="admin-login"] .login-options{gap:12px;flex-wrap:wrap}
  body[data-page="admin-login"] .modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}
}
