/* ============================================
   TENANT LOGIN - GLASSMORPHIC GOLD THEME
   Extracted from inline styles + enhanced glass
   ============================================ */

/* === Login Page Body === */
body.login-page {
  background: linear-gradient(135deg, #0a0a0f 0%, #12121a 50%, #1a1a28 100%) !important;
  color: #ffffff !important;
  min-height: 100vh;
}

/* === Login Card - Glass Treatment === */
.login-card {
  max-width: 450px;
  margin: 0 auto;
  background: rgba(26, 26, 36, 0.7) !important;
  border: 1.5px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: var(--radius-2xl, 16px) !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  box-shadow:
    0 8px 32px rgba(255, 215, 0, 0.08),
    0 0 0 1px rgba(255, 215, 0, 0.05),
    0 24px 48px rgba(0, 0, 0, 0.4);
  color: #ffffff !important;
  overflow: hidden;
}

.login-card .card-header {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.08), rgba(255, 215, 0, 0.03)) !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.15) !important;
  border-radius: 16px 16px 0 0 !important;
  color: #ffffff !important;
  padding: 1.5rem;
}

.login-card .card-body {
  background-color: transparent !important;
  color: #ffffff !important;
  padding: 1.5rem;
}

/* === Tenant Logo === */
.tenant-login-logo {
  height: 56px;
  max-width: 220px;
  object-fit: contain;
  border-radius: 10px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.15);
}

.tenant-login-logo--dark {
  display: none;
}

.tenant-login-logo.is-circle {
  border-radius: 999px;
}

.tenant-login-logo.is-rounded {
  border-radius: 10px;
}

@media (max-width: 576px) {
  .login-card {
    margin: 20px auto;
  }

  .tenant-login-logo {
    height: 48px;
    max-width: 180px;
  }
}

/* === Form Controls === */
.login-card .form-label-modern {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600;
  font-size: 0.875rem;
}

.login-card .form-control-modern {
  background: rgba(255, 215, 0, 0.04) !important;
  border: 1.5px solid rgba(255, 215, 0, 0.18) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  transition: all 0.2s ease;
}

.login-card .form-control-modern::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.login-card .form-control-modern:focus {
  background: rgba(255, 215, 0, 0.08) !important;
  border-color: var(--nb-gold, #FFD700) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15) !important;
  color: #ffffff !important;
}

/* === Buttons === */
.btn-modern-primary {
  background: linear-gradient(135deg, #FFD700 0%, #E6C200 100%) !important;
  color: #0a0a0f !important;
  border: 1px solid rgba(255, 215, 0, 0.6) !important;
  font-weight: 700;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(255, 215, 0, 0.25);
  transition: all 0.2s ease;
}

.btn-modern-primary:hover {
  background: linear-gradient(135deg, #FFE44D 0%, #FFD700 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(255, 215, 0, 0.35);
  color: #0a0a0f !important;
}

.login-card .btn-modern-outline {
  background: transparent !important;
  border: 1.5px solid rgba(255, 215, 0, 0.3) !important;
  color: var(--nb-gold, #FFD700) !important;
  border-radius: 12px !important;
  transition: all 0.2s ease;
}

.login-card .btn-modern-outline:hover {
  background: rgba(255, 215, 0, 0.08) !important;
  border-color: var(--nb-gold, #FFD700) !important;
  color: #ffffff !important;
}

.btn-black {
  background: linear-gradient(135deg, #FFD700 0%, #E6C200 100%);
  color: #0a0a0f;
  border: none;
  padding: 10px;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.btn-black:hover {
  background: linear-gradient(135deg, #FFE44D 0%, #FFD700 100%);
  transform: translateY(-1px);
  color: #0a0a0f;
}

/* === Text Utilities === */
.login-card .text-muted {
  color: rgba(255, 255, 255, 0.55) !important;
}

.login-card .btn-link {
  color: var(--nb-gold, #FFD700) !important;
}

.login-card .btn-link:hover {
  color: #FFE44D !important;
}

/* ============================================
   LIGHT THEME OVERRIDES
   ============================================ */
html.theme-light .login-card {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #0f172a !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(16px);
}

html.theme-light .login-card .card-header {
  background: rgba(248, 250, 252, 0.9) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #0f172a !important;
}

html.theme-light .login-card .card-body {
  color: #0f172a !important;
}

html.theme-light .login-card .text-muted {
  color: #1f2937 !important;
  font-weight: 600;
}

html.theme-light .login-card .form-label-modern {
  color: #0f172a !important;
}

html.theme-light .login-card .form-control-modern {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

html.theme-light .login-card .form-control-modern::placeholder {
  color: #475569 !important;
}

html.theme-light .login-card .form-control-modern:focus {
  background: #ffffff !important;
  border-color: #b45309 !important;
  box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.15) !important;
  color: #0f172a !important;
}

html.theme-light .btn-modern-primary {
  background: linear-gradient(135deg, #facc15 0%, #eab308 100%) !important;
  color: #1f2937 !important;
  border: 1px solid #d97706 !important;
}

html.theme-light .btn-modern-primary:hover {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
  color: #111827 !important;
}

html.theme-light .login-card .btn-link {
  color: #1f2937 !important;
}

html.theme-light .login-card .btn-link:hover {
  color: #0f172a !important;
}

html.theme-light body.login-page {
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 45%, #eef2f7 100%) !important;
  color: #0f172a !important;
}

html.theme-light .tenant-login-logo--dark {
  display: inline;
}

html.theme-light .tenant-login-logo--light {
  display: none;
}