/**
 * AITRAIN Admin - Solid Background Overrides
 * Replaces glass morphism with clean solid backgrounds
 */

/* ============================================
   MODAL — Solid backgrounds
   ============================================ */
.modal,
.modal-content {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .modal,
[data-theme="dark"] .modal-content {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4) !important;
}

.modal-overlay {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ============================================
   DROPDOWN MENUS — Solid backgrounds
   ============================================ */
.dropdown-menu {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .dropdown-menu {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================
   TOAST NOTIFICATIONS — Solid backgrounds
   ============================================ */
.toast {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .toast {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================
   TOOLTIPS — Solid backgrounds
   ============================================ */
[data-tooltip]::after {
  background: var(--color-gray-900) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ============================================
   SIDEBAR — Solid background
   ============================================ */
.admin-sidebar {
  background: var(--admin-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="dark"] .admin-sidebar {
  background: var(--admin-surface);
}

/* ============================================
   COMMAND PALETTE — Solid background
   ============================================ */
.command-palette {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .command-palette {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* ============================================
   SLIDE-OVER PANEL — Solid background
   ============================================ */
.slide-over {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="dark"] .slide-over {
  background: var(--admin-surface) !important;
}

/* ============================================
   GRADIENT MESH BACKGROUNDS — Flat solid
   ============================================ */
.gradient-mesh-hero,
.login-hero,
.dashboard-welcome {
  background: var(--admin-bg) !important;
  background-attachment: unset;
}

[data-theme="dark"] .gradient-mesh-hero,
[data-theme="dark"] .login-hero,
[data-theme="dark"] .dashboard-welcome {
  background: var(--admin-bg) !important;
  background-attachment: unset;
}

/* Animated Gradient — Disabled */
.gradient-animated {
  background: var(--admin-bg) !important;
  animation: none !important;
}

/* ============================================
   GLASS CARD VARIANT — Solid
   ============================================ */
.card-glass,
.admin-card.glass {
  background: var(--admin-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--admin-border) !important;
}

[data-theme="dark"] .card-glass,
[data-theme="dark"] .admin-card.glass {
  background: var(--admin-surface) !important;
  border: 1px solid var(--admin-border) !important;
}

/* ============================================
   HIGH CONTRAST MODE
   ============================================ */
[data-theme="high-contrast"] .modal,
[data-theme="high-contrast"] .modal-content,
[data-theme="high-contrast"] .dropdown-menu,
[data-theme="high-contrast"] .toast,
[data-theme="high-contrast"] .command-palette,
[data-theme="high-contrast"] .slide-over,
[data-theme="high-contrast"] .admin-sidebar,
[data-theme="high-contrast"] .card-glass,
[data-theme="high-contrast"] .admin-card.glass {
  background: #000000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}