/* ============================================
   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 - Momence Purple/Indigo
   ============================================ */

/* Using both selectors for maximum compatibility */
html.theme-light body.login-page,
[data-theme="light"] body.login-page {
  background: linear-gradient(135deg, #F8F9FD 0%, #FFFFFF 45%, #EFEFFD 100%) !important;
  color: #1A1A2E !important;
}

html.theme-light .login-card,
[data-theme="light"] .login-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid rgba(99, 96, 225, 0.15) !important;
  color: #1A1A2E !important;
  box-shadow: 0 12px 40px rgba(99, 96, 225, 0.1) !important;
  backdrop-filter: blur(16px);
}

html.theme-light .login-card .card-header,
[data-theme="light"] .login-card .card-header {
  background: rgba(99, 96, 225, 0.04) !important;
  border-bottom: 1px solid rgba(99, 96, 225, 0.1) !important;
  color: #1A1A2E !important;
}

html.theme-light .login-card .card-body,
[data-theme="light"] .login-card .card-body {
  color: #1A1A2E !important;
}

html.theme-light .login-card .text-muted,
[data-theme="light"] .login-card .text-muted {
  color: #6B7280 !important;
}

html.theme-light .login-card .form-label-modern,
[data-theme="light"] .login-card .form-label-modern {
  color: #1A1A2E !important;
}

html.theme-light .login-card .form-control-modern,
[data-theme="light"] .login-card .form-control-modern {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1.5px solid rgba(99, 96, 225, 0.2) !important;
  color: #1A1A2E !important;
}

html.theme-light .login-card .form-control-modern::placeholder,
[data-theme="light"] .login-card .form-control-modern::placeholder {
  color: #9CA3AF !important;
}

html.theme-light .login-card .form-control-modern:focus,
[data-theme="light"] .login-card .form-control-modern:focus {
  background: #FFFFFF !important;
  border-color: #6360E1 !important;
  box-shadow: 0 0 0 3px rgba(99, 96, 225, 0.15) !important;
  color: #1A1A2E !important;
}

html.theme-light .btn-modern-primary,
[data-theme="light"] .btn-modern-primary {
  background: linear-gradient(135deg, #6360E1 0%, #5558E8 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(99, 96, 225, 0.6) !important;
  box-shadow: 0 4px 14px rgba(99, 96, 225, 0.35) !important;
}

html.theme-light .btn-modern-primary:hover,
[data-theme="light"] .btn-modern-primary:hover {
  background: linear-gradient(135deg, #5558E8 0%, #4F46E5 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(99, 96, 225, 0.45) !important;
}

html.theme-light .login-card .btn-link,
[data-theme="light"] .login-card .btn-link {
  color: #6360E1 !important;
}

html.theme-light .login-card .btn-link:hover,
[data-theme="light"] .login-card .btn-link:hover {
  color: #5558E8 !important;
}

html.theme-light .login-card .btn-modern-outline,
[data-theme="light"] .login-card .btn-modern-outline {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(99, 96, 225, 0.3) !important;
  color: #6360E1 !important;
}

html.theme-light .login-card .btn-modern-outline:hover,
[data-theme="light"] .login-card .btn-modern-outline:hover {
  background: rgba(99, 96, 225, 0.08) !important;
  border-color: #6360E1 !important;
  color: #5558E8 !important;
}

html.theme-light .tenant-login-logo--dark,
[data-theme="light"] .tenant-login-logo--dark {
  display: inline;
}

html.theme-light .tenant-login-logo--light,
[data-theme="light"] .tenant-login-logo--light {
  display: none;
}