/* Sanam custom admin login */
:root {
  --login-sand: #e5d3b6;
  --login-card: #ffffff;
  --login-border: #e9e9ea;
  --login-text: #1f2937;
}

.sanam-login {
  min-height: 100vh;
  background: var(--login-sand);
  display: grid;
  place-items: center;
  padding: 32px 16px;
}

.sanam-login .topbar { position: absolute; top: 12px; left: 12px; right: 12px; display: flex; align-items: center; justify-content: space-between; }
.sanam-login .topbar .brand { font-weight: 700; color: var(--login-text); }

.sanam-login .login-card {
  width: 100%;
  max-width: 480px;
  background: var(--login-card);
  border: 1px solid var(--login-border);
  border-radius: 16px;
  padding: 24px 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.sanam-login .logo-wrap { text-align: center; margin-bottom: 6px; }
.sanam-login .logo { width: 60px; height: 60px; background-image: var(--brand-logo-url); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; }
.sanam-login .brand-sub { color: #b38958; font-weight: 700; font-size: .9rem; letter-spacing: .5px; }
.sanam-login .heading { text-align: center; margin: 10px 0 18px; color: var(--login-text); font-weight: 800; }

.sanam-login .field { margin-bottom: 14px; }
.sanam-login label { display: block; margin-bottom: 6px; color: #4b5563; font-weight: 600; }
.sanam-login .input { position: relative; }
.sanam-login input[type="text"],
.sanam-login input[type="password"] {
  width: 100%;
  border: 1px solid var(--login-border);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 1rem;
}
.sanam-login .with-addon input { padding-inline-end: 42px; }
.sanam-login .addon { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); border: none; background: transparent; font-size: 1.1rem; cursor: pointer; }

.sanam-login .actions { margin-top: 12px; }
.sanam-login .btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 12px; border: 1px solid transparent; font-weight: 700; color: #fff; cursor: pointer; }
.sanam-login .btn.btn-primary { background: var(--brand-brown, #6d4b2e); border-color: transparent; }
.sanam-login .btn.btn-primary:hover { background: var(--brand-brown-700, #5a3a22); }
.sanam-login .btn.w-100 { width: 100%; }

.sanam-login .extras { margin-top: 12px; text-align: start; }
.sanam-login .muted { color: #6b7280; text-decoration: none; }
.sanam-login .muted:hover { text-decoration: underline; }

/* Dark theme quick adjust */
[data-theme="dark"] .sanam-login { background: #171717; }
[data-theme="dark"] .sanam-login .login-card { background: #23262a; border-color: #2f3338; }
[data-theme="dark"] .sanam-login .heading, [data-theme="dark"] .sanam-login .topbar .brand { color: #f3f4f6; }
[data-theme="dark"] .sanam-login label { color: #e5e7eb; }
[data-theme="dark"] .sanam-login input { background: #1f2327; color: #e5e7eb; border-color: #353a40; }