:root {
  --desktop-nav-width: 16rem;
  --app-header-height: 3.5rem;
  --app-header-slider-height: 4rem;
  --app-font-scale: 100;
  --app-font-weight: 400;
  --app-font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --app-font-family-ltr: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --app-font-family-rtl: "Noto Kufi Arabic", "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;
}

.app-header {
  position: fixed !important;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 40;
  box-shadow: 0 1px 0 var(--border-soft, #e2e8f0);
}

.app-main {
  padding-block-start: var(--app-header-height);
  min-height: calc(100vh - var(--app-header-height));
}

html[data-reduce-motion="true"] * {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

.desktop-nav-slider-trigger,
.desktop-nav-fixed {
  display: none !important;
}

@media (min-width: 768px) {
  html[data-desktop-nav="slider"] .desktop-nav-inline,
  .nav-mode-slider .desktop-nav-inline,
  html[data-desktop-nav="slider"] .app-brand-inline,
  .nav-mode-slider .app-brand-inline {
    display: none !important;
  }

  html[data-desktop-nav="slider"] .desktop-nav-fixed,
  .desktop-nav-fixed.is-active {
    display: flex !important;
  }

  .desktop-nav-fixed {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 45;
    width: var(--desktop-nav-width);
    flex-direction: column;
    border-inline-end: 1px solid var(--border-soft, #e2e8f0);
    background: var(--surface-card, #ffffff);
    box-shadow: 0 18px 45px rgb(15 23 42 / 0.08);
  }

  html[data-desktop-nav="slider"] .app-main,
  html[data-desktop-nav="slider"] .app-footer,
  .nav-content-slider {
    padding-inline-start: var(--desktop-nav-width);
  }

  html[data-desktop-nav="slider"] .app-main,
  .app-main.nav-content-slider {
    padding-block-start: var(--app-header-slider-height);
  }

  html[data-desktop-nav="slider"] .app-header,
  .app-header.nav-mode-slider {
    inset-inline-start: var(--desktop-nav-width);
    margin-inline-start: 0;
    width: auto;
    min-height: 4rem;
  }

  html[data-desktop-nav="slider"] .app-header > div,
  .app-header.nav-mode-slider > div {
    height: 4rem;
    width: 100%;
    justify-content: flex-end;
  }

  html[data-desktop-nav="slider"] .app-header-actions,
  .nav-mode-slider .app-header-actions {
    margin-inline-start: auto;
  }
}

@media (max-width: 767.98px) {
  .desktop-nav-slider-trigger,
  .desktop-nav-fixed {
    display: none !important;
  }

  .app-main {
    padding-block-end: 4.5rem;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
  --surface-page: #0b1120;
  --surface-page-rgb: 11 17 32;
  --surface-card: #111827;
  --surface-card-rgb: 17 24 39;
  --surface-muted: #0f172a;
  --surface-muted-rgb: 15 23 42;
  --surface-subtle: #101826;
  --surface-input: #2b3441;
  --surface-hover: #1e293b;
  --surface-hover-strong: #24324a;
  --border-soft: #1f2a3a;
  --border-strong: #2b394f;
  --border-input: #3a465d;
  --text-strong: #f1f5f9;
  --text-regular: #e2e8f0;
  --text-muted: #94a3b8;
  --text-subtle: #7c8aa3;
  --text-faint: #64748b;
  --app-surface-page: #0b1120;
  --app-surface: #111827;
  --app-surface-muted: #0f172a;
  --app-text-strong: #f1f5f9;
  --app-text-muted: #94a3b8;
  --app-border: #1f2a3a;
}

html[data-theme="dark"] body {
  background-color: var(--surface-page, #0b1120);
  color: var(--text-strong, #f1f5f9);
}

html[data-theme="dark"] .bg-white {
  background-color: var(--surface-card, #111827) !important;
}

html[data-theme="dark"] .bg-white\/95,
html[data-theme="dark"] .bg-white\/90,
html[data-theme="dark"] .bg-white\/85,
html[data-theme="dark"] .bg-white\/80,
html[data-theme="dark"] .bg-white\/70,
html[data-theme="dark"] .bg-white\/60 {
  background-color: rgba(var(--surface-card-rgb, 17 24 39) / 0.92) !important;
}

html[data-theme="dark"] .supports-\[backdrop-filter\]\:bg-white\/80,
html[data-theme="dark"] .supports-\[backdrop-filter\]\:bg-white\/90,
html[data-theme="dark"] .supports-\[backdrop-filter\]\:bg-white\/95 {
  background-color: rgba(var(--surface-card-rgb, 17 24 39) / 0.9) !important;
}

html[data-theme="dark"] .sm\:bg-white,
html[data-theme="dark"] .md\:bg-white,
html[data-theme="dark"] .lg\:bg-white {
  background-color: var(--surface-card, #111827) !important;
}

html[data-theme="dark"] .bg-slate-50,
html[data-theme="dark"] .bg-gray-50 {
  background-color: var(--surface-page, #0b1120) !important;
}

html[data-theme="dark"] .bg-slate-50\/90,
html[data-theme="dark"] .bg-slate-50\/80,
html[data-theme="dark"] .bg-slate-50\/70,
html[data-theme="dark"] .bg-slate-50\/50,
html[data-theme="dark"] .bg-slate-50\/60,
html[data-theme="dark"] .bg-slate-50\/40,
html[data-theme="dark"] .bg-gray-50\/90,
html[data-theme="dark"] .bg-gray-50\/80,
html[data-theme="dark"] .bg-gray-50\/70,
html[data-theme="dark"] .bg-gray-50\/50,
html[data-theme="dark"] .bg-gray-50\/60,
html[data-theme="dark"] .bg-gray-50\/40 {
  background-color: rgba(var(--surface-page-rgb, 11 17 32) / 0.92) !important;
}

html[data-theme="dark"] .bg-slate-100,
html[data-theme="dark"] .bg-slate-200 {
  background-color: var(--surface-muted, #0f172a) !important;
}

html[data-theme="dark"] .form-input,
html[data-theme="dark"] .form-textarea,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input.form-input,
html[data-theme="dark"] select.form-input,
html[data-theme="dark"] textarea.form-textarea {
  background-color: var(--surface-input, #2b3441) !important;
  border-color: var(--border-input, #3a465d) !important;
  color: var(--text-regular, #e2e8f0) !important;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.35) !important;
}

html[data-theme="dark"] .form-input::placeholder,
html[data-theme="dark"] .form-textarea::placeholder {
  color: var(--text-faint, #64748b) !important;
}

html[data-theme="dark"] .form-input:focus,
html[data-theme="dark"] .form-textarea:focus,
html[data-theme="dark"] .form-select:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
}

html[data-theme="dark"] .form-input.bg-slate-50 {
  background-color: var(--surface-input, #2b3441) !important;
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background-color: var(--surface-input, #2b3441) !important;
  border-color: var(--border-input, #3a465d) !important;
  color: var(--text-regular, #e2e8f0) !important;
}

.property-form .group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.property-form .group label {
  order: -1;
  position: static !important;
  transform: none !important;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-muted, #64748b) !important;
}

.property-form .group .peer,
.property-form .group input,
.property-form .group select,
.property-form .group textarea {
  border: 1px solid var(--border-soft, #e2e8f0) !important;
  border-bottom-width: 1px !important;
  border-radius: 0.75rem !important;
  padding: 0.6rem 0.75rem !important;
  background-color: var(--surface-card, #ffffff) !important;
  color: var(--text-strong, #0f172a) !important;
}

.property-form .group .peer:focus,
.property-form .group input:focus,
.property-form .group select:focus,
.property-form .group textarea:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
  outline: none !important;
}

html[data-theme="dark"] .property-form .group label {
  color: var(--text-muted, #94a3b8) !important;
}

html[data-theme="dark"] .property-form .group .peer,
html[data-theme="dark"] .property-form .group input,
html[data-theme="dark"] .property-form .group select,
html[data-theme="dark"] .property-form .group textarea {
  background-color: var(--surface-input, #2b3441) !important;
  border-color: var(--border-input, #3a465d) !important;
  color: var(--text-regular, #e2e8f0) !important;
}

html[data-theme="dark"] .bg-slate-100\/60,
html[data-theme="dark"] .bg-slate-100\/50,
html[data-theme="dark"] .bg-slate-100\/40,
html[data-theme="dark"] .bg-gray-100,
html[data-theme="dark"] .bg-gray-200 {
  background-color: var(--surface-muted, #0f172a) !important;
}

html[data-theme="dark"] .bg-emerald-50,
html[data-theme="dark"] .bg-emerald-100 {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

html[data-theme="dark"] .bg-amber-50,
html[data-theme="dark"] .bg-amber-100 {
  background-color: rgba(245, 158, 11, 0.14) !important;
}

html[data-theme="dark"] .bg-red-50,
html[data-theme="dark"] .bg-red-100 {
  background-color: rgba(239, 68, 68, 0.14) !important;
}

html[data-theme="dark"] .bg-blue-50,
html[data-theme="dark"] .bg-blue-100 {
  background-color: rgba(59, 130, 246, 0.14) !important;
}

html[data-theme="dark"] .bg-rose-50,
html[data-theme="dark"] .bg-rose-100 {
  background-color: rgba(244, 63, 94, 0.14) !important;
}

html[data-theme="dark"] .bg-indigo-50,
html[data-theme="dark"] .bg-indigo-100 {
  background-color: rgba(99, 102, 241, 0.14) !important;
}

html[data-theme="dark"] .bg-purple-50,
html[data-theme="dark"] .bg-purple-100 {
  background-color: rgba(168, 85, 247, 0.14) !important;
}

html[data-theme="dark"] .bg-fuchsia-50,
html[data-theme="dark"] .bg-fuchsia-100 {
  background-color: rgba(217, 70, 239, 0.14) !important;
}

html[data-theme="dark"] .bg-green-50,
html[data-theme="dark"] .bg-green-100 {
  background-color: rgba(34, 197, 94, 0.14) !important;
}

html[data-theme="dark"] .bg-yellow-50,
html[data-theme="dark"] .bg-yellow-100 {
  background-color: rgba(234, 179, 8, 0.14) !important;
}

html[data-theme="dark"] .border-slate-100,
html[data-theme="dark"] .border-slate-200,
html[data-theme="dark"] .border-gray-200 {
  border-color: var(--border-soft, #1f2a3a) !important;
}

html[data-theme="dark"] .border-slate-300,
html[data-theme="dark"] .border-gray-300,
html[data-theme="dark"] .border-gray-100,
html[data-theme="dark"] .border-slate-100\/50,
html[data-theme="dark"] .border-slate-200\/80 {
  border-color: var(--border-strong, #2b394f) !important;
}

html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-800,
html[data-theme="dark"] .text-gray-900 {
  color: var(--text-strong, #f1f5f9) !important;
}

html[data-theme="dark"] .text-slate-700,
html[data-theme="dark"] .text-slate-600 {
  color: var(--text-regular, #e2e8f0) !important;
}

html[data-theme="dark"] .text-gray-700,
html[data-theme="dark"] .text-gray-600 {
  color: var(--text-regular, #e2e8f0) !important;
}

html[data-theme="dark"] .text-slate-500,
html[data-theme="dark"] .text-gray-500 {
  color: var(--text-muted, #94a3b8) !important;
}

html[data-theme="dark"] .text-gray-400 {
  color: var(--text-subtle, #7c8aa3) !important;
}

html[data-theme="dark"] .text-emerald-700,
html[data-theme="dark"] .text-emerald-600 {
  color: #6ee7b7 !important;
}

html[data-theme="dark"] .text-amber-700,
html[data-theme="dark"] .text-amber-600 {
  color: #fcd34d !important;
}

html[data-theme="dark"] .text-red-700,
html[data-theme="dark"] .text-red-600 {
  color: #fca5a5 !important;
}

html[data-theme="dark"] .text-blue-700,
html[data-theme="dark"] .text-blue-600 {
  color: #93c5fd !important;
}

html[data-theme="dark"] .text-rose-700,
html[data-theme="dark"] .text-rose-600 {
  color: #fda4af !important;
}

html[data-theme="dark"] .text-indigo-700,
html[data-theme="dark"] .text-indigo-600 {
  color: #c4b5fd !important;
}

html[data-theme="dark"] .text-purple-700,
html[data-theme="dark"] .text-purple-600 {
  color: #d8b4fe !important;
}

html[data-theme="dark"] .text-fuchsia-700,
html[data-theme="dark"] .text-fuchsia-600 {
  color: #f0abfc !important;
}

html[data-theme="dark"] .text-green-700,
html[data-theme="dark"] .text-green-600 {
  color: #86efac !important;
}

html[data-theme="dark"] .text-yellow-700,
html[data-theme="dark"] .text-yellow-600 {
  color: #fde68a !important;
}

html[data-theme="dark"] .text-slate-400 {
  color: var(--text-subtle, #7c8aa3) !important;
}

html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow-md,
html[data-theme="dark"] .shadow-lg {
  --tw-shadow-color: rgba(2, 6, 23, 0.6);
}

html[data-theme="dark"] header,
html[data-theme="dark"] nav,
html[data-theme="dark"] footer {
  border-color: var(--border-soft, #1f2a3a) !important;
}

html[data-theme="dark"] header {
  background-color: rgba(15, 23, 42, 0.86) !important;
}

html[data-theme="dark"] .bg-emerald-50,
html[data-theme="dark"] .bg-emerald-100 {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

html[data-theme="dark"] footer,
html[data-theme="dark"] footer.bg-gradient-to-r,
html[data-theme="dark"] footer.bg-gradient-to-l {
  background-color: var(--surface-muted, #0f172a) !important;
  background-image: none !important;
}

html[data-theme="dark"] footer .ring-1,
html[data-theme="dark"] footer .ring-2 {
  --tw-ring-color: var(--border-soft, #1f2a3a) !important;
}

html[data-theme="dark"] .bg-gradient-to-r,
html[data-theme="dark"] .bg-gradient-to-l,
html[data-theme="dark"] .bg-gradient-to-b,
html[data-theme="dark"] .bg-gradient-to-t {
  background-image: none !important;
  background-color: var(--surface-muted, #0f172a) !important;
}

html[data-theme="dark"] .hover\:bg-slate-50:hover,
html[data-theme="dark"] .hover\:bg-slate-100:hover,
html[data-theme="dark"] .hover\:bg-slate-200:hover,
html[data-theme="dark"] .hover\:bg-gray-50:hover,
html[data-theme="dark"] .hover\:bg-gray-100:hover,
html[data-theme="dark"] .hover\:bg-gray-200:hover,
html[data-theme="dark"] .hover\:bg-white:hover,
html[data-theme="dark"] .hover\:bg-emerald-50:hover,
html[data-theme="dark"] .hover\:bg-emerald-100:hover,
html[data-theme="dark"] .hover\:bg-green-50:hover,
html[data-theme="dark"] .hover\:bg-green-100:hover,
html[data-theme="dark"] .hover\:bg-blue-50:hover,
html[data-theme="dark"] .hover\:bg-blue-100:hover,
html[data-theme="dark"] .hover\:bg-indigo-50:hover,
html[data-theme="dark"] .hover\:bg-indigo-100:hover,
html[data-theme="dark"] .hover\:bg-purple-50:hover,
html[data-theme="dark"] .hover\:bg-purple-100:hover,
html[data-theme="dark"] .hover\:bg-fuchsia-50:hover,
html[data-theme="dark"] .hover\:bg-fuchsia-100:hover,
html[data-theme="dark"] .hover\:bg-amber-50:hover,
html[data-theme="dark"] .hover\:bg-amber-100:hover,
html[data-theme="dark"] .hover\:bg-yellow-50:hover,
html[data-theme="dark"] .hover\:bg-yellow-100:hover,
html[data-theme="dark"] .hover\:bg-red-50:hover,
html[data-theme="dark"] .hover\:bg-red-100:hover,
html[data-theme="dark"] .hover\:bg-rose-50:hover,
html[data-theme="dark"] .hover\:bg-rose-100:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/70:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/80:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/90:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/50:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/40:hover {
  background-color: var(--surface-hover, #1e293b) !important;
}

html[data-theme="dark"] .group:hover .group-hover\:bg-slate-50,
html[data-theme="dark"] .group:hover .group-hover\:bg-slate-100,
html[data-theme="dark"] .group:hover .group-hover\:bg-gray-50,
html[data-theme="dark"] .group:hover .group-hover\:bg-gray-100,
html[data-theme="dark"] .group:hover .group-hover\:bg-white {
  background-color: var(--surface-hover, #1e293b) !important;
}

html[data-theme="dark"] .focus\:bg-emerald-50:focus,
html[data-theme="dark"] .focus\:bg-slate-50:focus,
html[data-theme="dark"] .focus-within\:bg-slate-50:focus-within {
  background-color: var(--surface-hover-strong, #24324a) !important;
}

html[data-theme="dark"] .even\:bg-slate-50\/40:nth-child(even),
html[data-theme="dark"] .odd\:bg-slate-50\/40:nth-child(odd) {
  background-color: rgba(var(--surface-page-rgb, 11 17 32) / 0.9) !important;
}

/* Ledger list overrides (inline styles in component) */
html[data-theme="dark"] .li-row:hover {
  background-color: var(--surface-hover, #1e293b) !important;
}

html[data-theme="dark"] .pill-date {
  background-color: var(--surface-muted, #0f172a) !important;
  color: var(--text-strong, #f1f5f9) !important;
}

html[data-theme="dark"] .pill-source {
  background-color: rgba(16, 185, 129, 0.18) !important;
  color: #86efac !important;
}

html[data-theme="dark"] .li-title .ref,
html[data-theme="dark"] .li-title .desc,
html[data-theme="dark"] .li-amt {
  color: var(--text-strong, #f1f5f9) !important;
}

html[data-theme="dark"] .li-meta,
html[data-theme="dark"] .li-usd {
  color: var(--text-muted, #94a3b8) !important;
}

html[data-theme="dark"] .icon-btn {
  background-color: var(--surface-card, #111827) !important;
  border-color: var(--border-soft, #1f2a3a) !important;
  color: var(--text-regular, #e2e8f0) !important;
}

html[data-theme="dark"] .icon-btn:hover {
  background-color: var(--surface-hover, #1e293b) !important;
}

html[data-theme="dark"] .hover\:text-gray-900:hover,
html[data-theme="dark"] .hover\:text-slate-900:hover {
  color: var(--text-strong, #f1f5f9) !important;
}

html[data-theme="glass"] {
  color-scheme: light;
  --surface-page: #eef5f8;
  --surface-page-rgb: 238 245 248;
  --surface-card: rgba(255, 255, 255, 0.72);
  --surface-card-rgb: 255 255 255;
  --surface-muted: rgba(248, 250, 252, 0.68);
  --surface-muted-rgb: 248 250 252;
  --surface-subtle: rgba(226, 232, 240, 0.54);
  --surface-input: rgba(255, 255, 255, 0.82);
  --surface-hover: rgba(241, 245, 249, 0.82);
  --surface-hover-strong: rgba(226, 232, 240, 0.88);
  --border-soft: rgba(148, 163, 184, 0.34);
  --border-strong: rgba(100, 116, 139, 0.44);
  --border-input: rgba(100, 116, 139, 0.38);
  --text-strong: #0f172a;
  --text-regular: #1e293b;
  --text-muted: #475569;
  --text-subtle: #64748b;
  --text-faint: #94a3b8;
  --glass-blur: 18px;
  --glass-shadow: 0 14px 42px rgba(15, 23, 42, 0.09);
}

html[data-theme="glass"] body,
html[data-theme="glass"] .app-main,
html[data-theme="glass"] .page-shell,
html[data-theme="glass"] .bg-gray-50,
html[data-theme="glass"] .bg-slate-50 {
  background-color: var(--surface-page, #eef5f8) !important;
  color: var(--text-strong, #0f172a);
}

html[data-theme="glass"] .app-header,
html[data-theme="glass"] .desktop-nav-fixed,
html[data-theme="glass"] footer,
html[data-theme="glass"] nav.fixed.bottom-0 {
  background-color: rgba(255, 255, 255, 0.74) !important;
  border-color: var(--border-soft, rgba(148, 163, 184, 0.34)) !important;
  box-shadow: var(--glass-shadow);
}

html[data-theme="glass"] .admin-page-header,
html[data-theme="glass"] .admin-card,
html[data-theme="glass"] .admin-filter-panel,
html[data-theme="glass"] .admin-kpi,
html[data-theme="glass"] .admin-table-wrap,
html[data-theme="glass"] .admin-segmented,
html[data-theme="glass"] .admin-settings-link,
html[data-theme="glass"] .panel-surface,
html[data-theme="glass"] .bg-white,
html[data-theme="glass"] .bg-white\/95,
html[data-theme="glass"] .bg-white\/90,
html[data-theme="glass"] .bg-white\/85,
html[data-theme="glass"] .bg-white\/80,
html[data-theme="glass"] .bg-white\/70,
html[data-theme="glass"] .bg-white\/60 {
  background-color: var(--surface-card, rgba(255, 255, 255, 0.72)) !important;
  border-color: var(--border-soft, rgba(148, 163, 184, 0.34)) !important;
  box-shadow: var(--glass-shadow);
}

html[data-theme="glass"] .admin-table thead,
html[data-theme="glass"] .bg-slate-100,
html[data-theme="glass"] .bg-slate-100\/60,
html[data-theme="glass"] .bg-slate-100\/50,
html[data-theme="glass"] .bg-slate-100\/40,
html[data-theme="glass"] .bg-gray-100 {
  background-color: var(--surface-muted, rgba(248, 250, 252, 0.68)) !important;
}

html[data-theme="glass"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="glass"] select,
html[data-theme="glass"] textarea,
html[data-theme="glass"] .admin-input,
html[data-theme="glass"] .form-input,
html[data-theme="glass"] .form-select,
html[data-theme="glass"] .form-textarea,
html[data-theme="glass"] .property-form .group .peer,
html[data-theme="glass"] .property-form .group input,
html[data-theme="glass"] .property-form .group select,
html[data-theme="glass"] .property-form .group textarea {
  background-color: var(--surface-input, rgba(255, 255, 255, 0.82)) !important;
  border-color: var(--border-input, rgba(100, 116, 139, 0.38)) !important;
  color: var(--text-strong, #0f172a) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="glass"] input::placeholder,
html[data-theme="glass"] textarea::placeholder,
html[data-theme="glass"] .admin-input::placeholder {
  color: var(--text-faint, #94a3b8) !important;
}

html[data-theme="glass"] .admin-table tbody tr:hover,
html[data-theme="glass"] .admin-btn-secondary:hover,
html[data-theme="glass"] .admin-filter-chip:hover,
html[data-theme="glass"] .admin-segment-button:hover,
html[data-theme="glass"] .hover\:bg-slate-50:hover,
html[data-theme="glass"] .hover\:bg-slate-100:hover,
html[data-theme="glass"] .hover\:bg-gray-50:hover,
html[data-theme="glass"] .hover\:bg-gray-100:hover,
html[data-theme="glass"] .hover\:bg-white:hover {
  background-color: var(--surface-hover, rgba(241, 245, 249, 0.82)) !important;
}

html[data-theme="glass"] .border-slate-100,
html[data-theme="glass"] .border-slate-200,
html[data-theme="glass"] .border-gray-200,
html[data-theme="glass"] .border-gray-100 {
  border-color: var(--border-soft, rgba(148, 163, 184, 0.34)) !important;
}

html[data-theme="glass"] .admin-btn-primary {
  box-shadow: 0 10px 24px rgba(5, 150, 105, 0.22);
}

html[data-theme="glass"] .admin-alert-success {
  background-color: rgba(236, 253, 245, 0.82);
}

html[data-theme="glass"] .admin-alert-danger {
  background-color: rgba(255, 241, 242, 0.86);
}

html[data-theme="glass"] .admin-alert-warning {
  background-color: rgba(255, 251, 235, 0.86);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="glass"] .app-header,
  html[data-theme="glass"] .desktop-nav-fixed,
  html[data-theme="glass"] footer,
  html[data-theme="glass"] nav.fixed.bottom-0,
  html[data-theme="glass"] .admin-page-header,
  html[data-theme="glass"] .admin-card,
  html[data-theme="glass"] .admin-filter-panel,
  html[data-theme="glass"] .admin-kpi,
  html[data-theme="glass"] .admin-table-wrap,
  html[data-theme="glass"] .admin-segmented,
  html[data-theme="glass"] .admin-settings-link,
  html[data-theme="glass"] .bg-white,
  html[data-theme="glass"] .bg-white\/95,
  html[data-theme="glass"] .bg-white\/90,
  html[data-theme="glass"] .bg-white\/85,
  html[data-theme="glass"] .bg-white\/80,
  html[data-theme="glass"] .bg-white\/70,
  html[data-theme="glass"] .bg-white\/60 {
    -webkit-backdrop-filter: saturate(145%) blur(var(--glass-blur));
    backdrop-filter: saturate(145%) blur(var(--glass-blur));
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="glass"] {
    --surface-card: rgba(255, 255, 255, 0.94);
    --surface-muted: rgba(248, 250, 252, 0.94);
    --surface-input: rgba(255, 255, 255, 0.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="glass"] {
    --glass-blur: 0px;
  }

  html[data-theme="glass"] .app-header,
  html[data-theme="glass"] .desktop-nav-fixed,
  html[data-theme="glass"] footer,
  html[data-theme="glass"] nav.fixed.bottom-0,
  html[data-theme="glass"] .admin-page-header,
  html[data-theme="glass"] .admin-card,
  html[data-theme="glass"] .admin-filter-panel,
  html[data-theme="glass"] .admin-kpi,
  html[data-theme="glass"] .admin-table-wrap,
  html[data-theme="glass"] .admin-segmented,
  html[data-theme="glass"] .admin-settings-link {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}