/* Admin Login: Premium Monochrome Theme (non-destructive) */
:root{
  --bg:#0a0a0a; --panel:#101115; --muted:#a0a0a0; --text:#e6e6e6; --border:#1b1b1b;
}
/* Fullscreen background */
body.login-bg{
  min-height:100vh; position:relative; overflow:hidden; background: var(--bg);
}
/* hex grid background via SVG */
body.login-bg::before{
  content:""; position:absolute; inset:0; opacity:0.22; pointer-events:none;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="104" viewBox="0 0 120 104"><g fill="none" stroke="%231f1f1f" stroke-width="2"><path d="M30 2 l30 0 15 26 -15 26 -30 0 -15 -26 z"/><path d="M0 28 l30 0 15 26 -15 26 -30 0 -15 -26 z" transform="translate(60,0)"/><path d="M30 2 l30 0 15 26 -15 26 -30 0 -15 -26 z" transform="translate(60,52)"/><path d="M0 28 l30 0 15 26 -15 26 -30 0 -15 -26 z" transform="translate(0,52)"/></g></svg>');
  background-size: 220px 190px; background-position:center; filter: drop-shadow(0 0 20px rgba(0,0,0,0.5));
}
/* Center wrapper */
.login-panel{ width:100%; max-width:480px !important; display:grid; grid-template-columns: 1fr !important; gap:0; align-items:center; margin-top:9vh; margin-bottom:7vh; }
@media(max-width:900px){ .login-panel{ max-width: 380px !important; } }

/* Glass card */
.card{
  background: rgba(12,13,16,0.28) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.38);
  padding: 26px 22px !important;
}
.card::before, .card::after{ content:none !important; }
.card-title{ padding-bottom:10px; border-bottom:1px solid #1f2024; margin-bottom:16px; }
.card-title h4{ margin:0; color:var(--text); text-align:center; letter-spacing:.2px; font-weight:600; font-size:22px; }
.muted{ color: var(--muted) !important; text-align:center; margin:8px 0 14px; font-size:14px; }

/* Split layout: left brand panel + right form */
.login-split{ display:block; }
.login-left{ display:none !important; }
.login-right{ padding:0; border-radius:18px; }
@media(max-width:900px){ .card{ border-radius:16px; } }

/* Inputs */
input[type="text"], input[type="password"], input:not([type]){
  width:100%; background: transparent; color: var(--text); border:0; border-bottom:1px solid #2a2a2e;
  height:48px; padding: 12px 2px; border-radius: 0; outline: none; transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus{ border-color:#4a4a50; box-shadow: none; }
label{ color: var(--muted); font-weight:500; font-size:12.5px; letter-spacing:.2px; }

/* Button */
.btn.primary{ background:#e2e2e2 !important; color:#0a0a0a !important; border:1px solid #2a2a2a !important; border-radius:8px; font-weight:700; height:48px; letter-spacing:.2px; }
.btn.primary:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,0.30); }

/* Warning chip override */
.chip.warning{ background: rgba(255,120,120,0.08) !important; border:1px solid rgba(255,120,120,0.25) !important; color:#ffb0b0 !important; }

/* ReCAPTCHA placeholder box (if present) */
.g-recaptcha, .captcha-box{ background:#0d0d10; border:1px solid #1f1f1f; border-radius:12px; padding:10px; }