/**
 * Premium glassmorphism — driven by site theme CSS variables.
 * Active when html[data-site-theme="team"] is set.
 */

html[data-site-theme="team"] .admin-panel,
html[data-site-theme="team"] .stat-card,
html[data-site-theme="team"] .modern-card,
html[data-site-theme="team"] .dash-panel,
html[data-site-theme="team"] .admin-dash-widget,
html[data-site-theme="team"] .admin-dash-metric,
html[data-site-theme="team"] .dash-metric,
html[data-site-theme="team"] .statistics-card,
html[data-site-theme="team"] .job-card-pro,
html[data-site-theme="team"] .card,
html[data-site-theme="team"] .lp-feature-card,
html[data-site-theme="team"] .lp-stat,
html[data-site-theme="team"] .lp-auth-card,
html[data-site-theme="team"] .form-section,
html[data-site-theme="team"] .admin-table-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  transition:
    transform var(--theme-transition, 220ms cubic-bezier(0.4, 0, 0.2, 1)),
    box-shadow var(--theme-transition, 220ms cubic-bezier(0.4, 0, 0.2, 1)),
    border-color var(--theme-transition, 220ms cubic-bezier(0.4, 0, 0.2, 1)),
    background var(--theme-transition, 220ms cubic-bezier(0.4, 0, 0.2, 1));
}

html[data-site-theme="team"] .admin-panel-header,
html[data-site-theme="team"] .modern-card-header {
  background: var(--bg-muted);
  border-bottom-color: var(--border-light);
  transition: background var(--theme-transition, 220ms ease);
}

/* Glass & Premium card surfaces */
html[data-site-theme="team"][data-site-theme-style="glass"] .admin-panel,
html[data-site-theme="team"][data-site-theme-style="glass"] .stat-card,
html[data-site-theme="team"][data-site-theme-style="glass"] .modern-card,
html[data-site-theme="team"][data-site-theme-style="glass"] .admin-dash-metric,
html[data-site-theme="team"][data-site-theme-style="glass"] .dash-metric,
html[data-site-theme="team"][data-site-theme-style="glass"] .statistics-card,
html[data-site-theme="team"][data-site-theme-style="glass"] .lp-feature-card,
html[data-site-theme="team"][data-site-theme-style="glass"] .lp-auth-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel,
html[data-site-theme="team"][data-site-theme-style="frost"] .stat-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .modern-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-dash-metric,
html[data-site-theme="team"][data-site-theme-style="frost"] .dash-metric,
html[data-site-theme="team"][data-site-theme-style="frost"] .statistics-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .lp-feature-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .lp-auth-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .dash-panel,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-dash-widget,
html[data-site-theme="team"][data-site-theme-style="frost"] .form-section,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-table-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-panel,
html[data-site-theme="team"][data-site-theme-style="premium"] .stat-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .modern-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-dash-metric,
html[data-site-theme="team"][data-site-theme-style="premium"] .dash-metric,
html[data-site-theme="team"][data-site-theme-style="premium"] .statistics-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .lp-feature-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .lp-auth-card {
  position: relative;
  overflow: hidden;
  background: var(--glass-card-bg);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.55));
}

html[data-site-theme="team"][data-site-theme-style="glass"] .admin-panel::before,
html[data-site-theme="team"][data-site-theme-style="glass"] .stat-card::before,
html[data-site-theme="team"][data-site-theme-style="glass"] .modern-card::before,
html[data-site-theme="team"][data-site-theme-style="glass"] .admin-dash-metric::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .stat-card::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .modern-card::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-dash-metric::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .dash-panel::before,
html[data-site-theme="team"][data-site-theme-style="frost"] .form-section::before,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-panel::before,
html[data-site-theme="team"][data-site-theme-style="premium"] .stat-card::before,
html[data-site-theme="team"][data-site-theme-style="premium"] .modern-card::before,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-dash-metric::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--glass-shine);
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

html[data-site-theme="team"][data-site-theme-style="glass"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="glass"] .admin-panel-body,
html[data-site-theme="team"][data-site-theme-style="glass"] .stat-card > *,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel-body,
html[data-site-theme="team"][data-site-theme-style="frost"] .stat-card > *,
html[data-site-theme="team"][data-site-theme-style="frost"] .dash-panel > *,
html[data-site-theme="team"][data-site-theme-style="frost"] .form-section > *,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-panel-body,
html[data-site-theme="team"][data-site-theme-style="premium"] .stat-card > * {
  position: relative;
  z-index: 1;
}

html[data-site-theme="team"][data-site-theme-style="glass"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-panel-header {
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-site-theme="team"][data-site-theme-style="frost"] .admin-panel-header,
html[data-site-theme="team"][data-site-theme-style="frost"] .modern-card-header {
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Premium extra shine on hover */
html[data-site-theme="team"][data-site-theme-style="premium"] .stat-card::after,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-dash-metric::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -30%;
  width: 55%;
  height: 80%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.45) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.7;
  transition: opacity var(--theme-transition, 220ms ease);
}

html[data-site-theme="team"][data-site-theme-style="premium"] .stat-card:hover::after,
html[data-site-theme="team"][data-site-theme-style="premium"] .admin-dash-metric:hover::after {
  opacity: 1;
}

/* Hover lift */
html[data-site-theme="team"] .stat-card:hover,
html[data-site-theme="team"] .admin-dash-metric:hover,
html[data-site-theme="team"] .dash-metric:hover,
html[data-site-theme="team"] .statistics-card:hover,
html[data-site-theme="team"] .lp-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-card-hover);
  border-color: color-mix(in srgb, var(--brand-primary) 25%, var(--border-color));
}

/* Corporate — crisp, no lift */
html[data-site-theme="team"][data-site-theme-style="corporate"] .stat-card:hover,
html[data-site-theme="team"][data-site-theme-style="corporate"] .admin-panel:hover {
  transform: none;
}

/* Minimal — subtle hover */
html[data-site-theme="team"][data-site-theme-style="minimal"] .stat-card:hover,
html[data-site-theme="team"][data-site-theme-style="minimal"] .admin-panel:hover {
  transform: translateY(-1px);
}

/* Dark style surfaces */
html[data-site-theme="team"][data-site-theme-style="dark"] body.app-layout,
html[data-site-theme="team"][data-site-theme-style="dark"] .app-main,
html[data-site-theme="team"][data-site-theme-style="dark"] .app-content {
  color: var(--text-primary);
}

html[data-site-theme="team"][data-site-theme-style="dark"] .admin-panel,
html[data-site-theme="team"][data-site-theme-style="dark"] .stat-card,
html[data-site-theme="team"][data-site-theme-style="dark"] .modern-card {
  color: var(--text-primary);
}

html[data-site-theme="team"][data-site-theme-style="dark"] .admin-panel-header {
  background: var(--bg-muted);
}

html[data-site-theme="team"][data-site-theme-style="dark"] .form-control,
html[data-site-theme="team"][data-site-theme-style="dark"] .form-select {
  background: var(--bg-input);
  border-color: var(--border-color);
  color: var(--text-primary);
}

/* Topbar glass for glass/premium/frost */
html[data-site-theme="team"][data-site-theme-style="glass"] .app-topbar,
html[data-site-theme="team"][data-site-theme-style="frost"] .app-topbar,
html[data-site-theme="team"][data-site-theme-style="premium"] .app-topbar {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

html[data-site-theme="team"][data-site-theme-style="frost"] .app-topbar {
  background: rgba(255, 255, 255, 0.58);
  border-bottom-color: rgba(255, 255, 255, 0.62);
}

html[data-site-theme="team"][data-site-theme-style="dark"] .app-topbar {
  background: var(--bg-elevated);
  border-bottom-color: var(--border-color);
}

/* Night mode (user toggle) — glass / frost / premium surfaces */
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .admin-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .stat-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .modern-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .admin-dash-metric,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .dash-metric,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .statistics-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .lp-feature-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .lp-auth-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .admin-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .stat-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .modern-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .admin-dash-metric,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .dash-metric,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .dash-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .form-section,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .admin-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .stat-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .modern-card,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .admin-dash-metric,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .dash-metric {
  background: var(--glass-card-bg);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border-color: var(--glass-border, rgba(255, 255, 255, 0.12));
  color: var(--text-primary);
}

html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .admin-panel-header,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .admin-panel-header,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .admin-panel-header,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .modern-card-header {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .app-topbar,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .app-topbar,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .app-topbar {
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .lp-nav.scrolled,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .lp-nav.scrolled,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .lp-nav.scrolled {
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(var(--glass-blur, 20px));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .modal-content,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .modal-content,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .modal-content,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="glass"] .lp-auth-drawer-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="frost"] .lp-auth-drawer-panel,
html[data-theme="dark"][data-site-theme="team"][data-site-theme-style="premium"] .lp-auth-drawer-panel {
  background: var(--glass-card-bg);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border-color: var(--glass-border, rgba(255, 255, 255, 0.12));
  color: var(--text-primary);
}

html[data-theme="dark"][data-site-theme="team"] .form-control,
html[data-theme="dark"][data-site-theme="team"] .form-select,
html[data-theme="dark"][data-site-theme="team"] .lp-input {
  background: var(--bg-input);
  border-color: var(--border-color);
  color: var(--text-primary);
}

html[data-theme="dark"][data-site-theme="team"] .admin-panel,
html[data-theme="dark"][data-site-theme="team"] .stat-card,
html[data-theme="dark"][data-site-theme="team"] .modern-card,
html[data-theme="dark"][data-site-theme="team"] .dash-panel,
html[data-theme="dark"][data-site-theme="team"] .dash-metric {
  color: var(--text-primary);
}

/* Landing page integration */
html[data-site-theme="team"] .lp-nav {
  transition: background var(--theme-transition, 220ms ease), box-shadow var(--theme-transition, 220ms ease);
}

html[data-site-theme="team"][data-site-theme-style="glass"] .lp-nav.scrolled,
html[data-site-theme="team"][data-site-theme-style="frost"] .lp-nav.scrolled,
html[data-site-theme="team"][data-site-theme-style="premium"] .lp-nav.scrolled {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(var(--glass-blur, 20px));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

html[data-site-theme="team"][data-site-theme-style="frost"] .lp-nav.scrolled {
  background: rgba(255, 255, 255, 0.62);
}

html[data-site-theme="team"] .lp-hero-gradient {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, var(--brand-primary) 12%, transparent), transparent 60%);
}

/* Modals */
html[data-site-theme="team"][data-site-theme-style="glass"] .modal-content,
html[data-site-theme="team"][data-site-theme-style="frost"] .modal-content,
html[data-site-theme="team"][data-site-theme-style="premium"] .modal-content,
html[data-site-theme="team"][data-site-theme-style="glass"] .lp-auth-drawer-panel,
html[data-site-theme="team"][data-site-theme-style="frost"] .lp-auth-drawer-panel,
html[data-site-theme="team"][data-site-theme-style="premium"] .lp-auth-drawer-panel {
  background: var(--glass-card-bg);
  backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 165%));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.55));
}

html[data-site-theme="team"] .lp-auth-drawer .lp-auth-card,
html[data-site-theme="team"][data-site-theme-style="glass"] .lp-auth-drawer .lp-auth-card,
html[data-site-theme="team"][data-site-theme-style="frost"] .lp-auth-drawer .lp-auth-card,
html[data-site-theme="team"][data-site-theme-style="premium"] .lp-auth-drawer .lp-auth-card {
  position: static;
  overflow: visible;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-site-theme="team"] .lp-auth-drawer .lp-auth-card::before,
html[data-site-theme="team"] .lp-auth-drawer .lp-auth-card::after {
  display: none;
}

/* Keep landing feature/stat icons above glass card overlays */
html[data-site-theme="team"] .lp-feature-card .lp-feature-icon,
html[data-site-theme="team"] .lp-stat .lp-stat-icon {
  position: relative;
  z-index: 2;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html[data-site-theme="team"] .stat-card,
  html[data-site-theme="team"] .admin-panel,
  html[data-site-theme="team"] .btn-modern-primary,
  html[data-site-theme="team"] .lp-btn-primary {
    transition: none !important;
  }

  html[data-site-theme="team"] .stat-card:hover {
    transform: none;
  }
}