/* Readable Pahgo dark mode.
   Dark mode is intentionally a violet navigation mode, not a black workspace. */
:root {
  --pahgo-dark-rail: #7C3AED;
  --pahgo-dark-rail-deep: #4C1D95;
  --pahgo-dark-page: #F7F3FF;
  --pahgo-dark-surface: #FFFFFF;
  --pahgo-dark-surface-alt: #FBFAFF;
  --pahgo-dark-border: #DED6F5;
  --pahgo-dark-text: #0D1024;
  --pahgo-dark-muted: #64748B;
}

html body #root .pahgo-shared-shell.pahgo-theme-dark,
html body #root .pahgo-main.pahgo-theme-dark {
  color-scheme: light !important;
  background: var(--pahgo-dark-page) !important;
  color: var(--pahgo-dark-text) !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-rail {
  background: var(--pahgo-dark-rail) !important;
  border-right: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: 10px 0 34px rgba(76, 29, 149, .18) !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-logo,
html body #root .pahgo-theme-dark .pahgo-shell-footer {
  border-color: rgba(255, 255, 255, .18) !important;
}

html body #root .pahgo-theme-dark .pahgo-portal-brand-lockup::after {
  color: #FFFFFF !important;
}

html body #root .pahgo-theme-dark .pahgo-portal-brand-icon {
  filter: drop-shadow(0 12px 24px rgba(46, 16, 101, .22)) !important;
}

html body #root .pahgo-theme-dark .pahgo-rail-item {
  color: rgba(255, 255, 255, .74) !important;
}

html body #root .pahgo-theme-dark .pahgo-rail-item:hover,
html body #root .pahgo-theme-dark .pahgo-rail-item:focus-visible {
  background: rgba(255, 255, 255, .16) !important;
  color: #FFFFFF !important;
}

html body #root .pahgo-theme-dark .pahgo-rail-item[aria-current="page"],
html body #root .pahgo-theme-dark .pahgo-rail-item[data-active="true"] {
  background: rgba(255, 255, 255, .20) !important;
  color: #FFFFFF !important;
}

html body #root .pahgo-theme-dark .pahgo-flyout-panel {
  background: var(--pahgo-dark-rail-deep) !important;
  color: #FFFFFF !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-content-wrapper,
html body #root .pahgo-theme-dark .pahgo-shell-content {
  background: linear-gradient(180deg, #F7F3FF 0%, #FBFAFF 52%, #F8FAFC 100%) !important;
  color: var(--pahgo-dark-text) !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-topbar {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom-color: var(--pahgo-dark-border) !important;
  color: var(--pahgo-dark-text) !important;
  box-shadow: 0 10px 24px rgba(76, 29, 149, .08) !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-topbar *,
html body #root .pahgo-theme-dark .pahgo-shell-profile *,
html body #root .pahgo-theme-dark .pahgo-card *,
html body #root .pahgo-theme-dark .pahgo-widget-card *,
html body #root .pahgo-theme-dark .pahgo-metric-card *,
html body #root .pahgo-theme-dark .pahgo-action-inbox *,
html body #root .pahgo-theme-dark .pahgo-maintenance-card * {
  text-shadow: none !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-profile,
html body #root .pahgo-theme-dark .pahgo-card,
html body #root .pahgo-theme-dark .pahgo-widget-card,
html body #root .pahgo-theme-dark .pahgo-metric-card,
html body #root .pahgo-theme-dark .pahgo-action-inbox,
html body #root .pahgo-theme-dark .pahgo-maintenance-card,
html body #root .pahgo-theme-dark .pahgo-settings-card,
html body #root .pahgo-theme-dark .pahgo-settings-main-panel,
html body #root .pahgo-theme-dark table,
html body #root .pahgo-theme-dark thead,
html body #root .pahgo-theme-dark tbody,
html body #root .pahgo-theme-dark tr,
html body #root .pahgo-theme-dark td,
html body #root .pahgo-theme-dark th {
  background-color: var(--pahgo-dark-surface) !important;
  color: var(--pahgo-dark-text) !important;
  border-color: var(--pahgo-dark-border) !important;
}

html body #root .pahgo-theme-dark .pahgo-card,
html body #root .pahgo-theme-dark .pahgo-widget-card,
html body #root .pahgo-theme-dark .pahgo-metric-card,
html body #root .pahgo-theme-dark .pahgo-action-inbox,
html body #root .pahgo-theme-dark .pahgo-maintenance-card,
html body #root .pahgo-theme-dark .pahgo-settings-card {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FBFAFF 100%) !important;
  box-shadow: 0 16px 36px rgba(76, 29, 149, .08) !important;
}

html body #root .pahgo-theme-dark input,
html body #root .pahgo-theme-dark select,
html body #root .pahgo-theme-dark textarea {
  background: #FFFFFF !important;
  color: var(--pahgo-dark-text) !important;
  border-color: var(--pahgo-dark-border) !important;
}

html body #root .pahgo-theme-dark input::placeholder,
html body #root .pahgo-theme-dark textarea::placeholder {
  color: #94A3B8 !important;
}

html body #root .pahgo-theme-dark [style*="color: rgb(248, 250, 252)"],
html body #root .pahgo-theme-dark [style*="color:#F8FAFC"],
html body #root .pahgo-theme-dark [style*="color: #F8FAFC"],
html body #root .pahgo-theme-dark [style*="color:white"],
html body #root .pahgo-theme-dark [style*="color: white"] {
  color: var(--pahgo-dark-text) !important;
}

html body #root .pahgo-theme-dark .pahgo-shell-rail [style*="color: rgb(248, 250, 252)"],
html body #root .pahgo-theme-dark .pahgo-shell-rail [style*="color:#F8FAFC"],
html body #root .pahgo-theme-dark .pahgo-shell-rail [style*="color: #F8FAFC"],
html body #root .pahgo-theme-dark .pahgo-shell-rail [style*="color:white"],
html body #root .pahgo-theme-dark .pahgo-shell-rail [style*="color: white"] {
  color: #FFFFFF !important;
}

html body #root .pahgo-theme-dark .pahgo-selected-card,
html body #root .pahgo-theme-dark [aria-pressed="true"].pahgo-metric-card {
  background: #7C3AED !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #7C3AED !important;
}

html body #root .pahgo-theme-dark .pahgo-selected-card *,
html body #root .pahgo-theme-dark [aria-pressed="true"].pahgo-metric-card * {
  color: #FFFFFF !important;
}