/* Midnight Marker — owner-approved dark theme, November 1, 2026.
 * Presentation only. Exact dark/yellow scope leaves approved light and classic
 * untouched. Preserve existing chart series/palette, roles, controls, statuses,
 * map/camera geometry and all menu/theme behavior in their original files.
 */
html[data-brand="yellow"][data-theme="dark"] {
  color-scheme: dark;
  --pp-midnight-canvas: #0d1726;
  --pp-midnight-card: #162438;
  --pp-midnight-nav: #101c2e;
  --pp-midnight-alt: #21334b;
  --pp-midnight-line: #30435e;
  --pp-midnight-ink: #eff5ff;
  --pp-midnight-muted: #adc0d7;
  --pp-midnight-nav-ink: #c1cee0;
  --pp-midnight-active: #22334b;
  --pp-midnight-accent: #f1cf55;
  --pp-font-display: var(--pp-font-body);
  --pp-on-char: #eff5ff;
  --pp-on-char-2: #c1cee0;
  --pp-on-char-3: #adc0d7;
  --bg-gradient-start: #0d1726;
  --bg-gradient-mid: #0d1726;
  --bg-gradient-end: #0d1726;
  --sidebar-bg-start: #101c2e;
  --sidebar-bg-end: #101c2e;
  --glass-bg: #162438;
  --glass-bg-hover: #21334b;
  --glass-bg-dark: #101c2e;
  --glass-border: #30435e;
  --glass-border-hover: #6d7b8d;
  --nav-dropdown-bg: #101c2e;
  --nav-dropdown-border: #30435e;
  --nav-dropdown-text: #c1cee0;
  --text-primary: #eff5ff;
  --text-secondary: #c1cee0;
  --text-muted: #adc0d7;
  --text-disabled: #879bb5;
  --input-bg: #162438;
  --input-bg-focus: #21334b;
  --input-border: #6d7b8d;
  --input-border-focus: #8dc9ff;
  --input-text: #eff5ff;
  --input-placeholder: #adc0d7;
  --select-option-bg: #162438;
  --table-bg: #162438;
  --table-header-bg: #21334b;
  --table-border: #30435e;
  --table-row-hover: #21334b;
  --shadow-glass: none;
  --shadow-glass-sm: none;
  --shadow-glass-lg: 0 8px 24px rgba(0,0,0,0.2);
  --card-header-text: #eff5ff;
  --btn-secondary-bg: #21334b;
  --btn-secondary-border: #30435e;
  --btn-secondary-text: #eff5ff;
  --btn-secondary-hover-bg: #22334b;
  --btn-secondary-hover-text: #ffffff;
}

html[data-brand="yellow"][data-theme="dark"] body {
  background: #0d1726;
  background-image: none;
}
html[data-brand="yellow"][data-theme="dark"] .header-glass {
  background: #0d1726 !important;
  border-bottom: 1px solid #30435e !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="yellow"][data-theme="dark"] .sidebar-glass,
html[data-brand="yellow"][data-theme="dark"] .mobile-menu {
  background: #101c2e !important;
  border-right: 1px solid #30435e !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="yellow"][data-theme="dark"] .sidebar-glass {
  padding-top: 0.875rem;
}
html[data-brand="yellow"][data-theme="dark"] .sidebar-glass nav {
  padding: 1.125rem 1rem;
}
/* Keep DOM/menu expansion intact; restyle only original links and controls. */
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) :is(.nav-link-glass,.nav-link-glass-active) {
  color: #c1cee0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-shadow: none;
  min-height: 2.875rem;
  padding: 0.6875rem 0.875rem;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  gap: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 550;
  line-height: 1.375rem;
  text-decoration: none;
}
/* Remove decorative circles/underlines, not real dropdown chevrons or badges. */
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) :is(.nav-link-glass,.nav-link-glass-active)::after {
  content: none;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) :is(.nav-link-glass,.nav-link-glass-active) > span:first-of-type {
  background: none;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) :is(.nav-link-glass,.nav-link-glass-active) > i {
  color: #adc0d7;
  width: 1.1875rem;
  font-size: 0.9375rem;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-link-glass-active {
  background: #22334b;
  color: #eff5ff;
  border-color: transparent;
  box-shadow: inset 3px 0 0 #f1cf55;
  font-weight: 750;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-link-glass-active > i {
  color: #f1cf55;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-link-glass:hover {
  background: #21334b;
  color: #eff5ff;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-link-glass:hover > i {
  color: #eff5ff;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-drawer-toggle {
  background: transparent !important;
  background-image: none !important;
  color: #c1cee0 !important;
  border: 1px solid #30435e !important;
  border-radius: 0.5rem;
  box-shadow: none;
  min-height: 2.875rem;
  padding: 0.6875rem 0.875rem;
  font-size: 0.8125rem;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-drawer-toggle:hover {
  background: #21334b !important;
  color: #eff5ff !important;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-drawer-toggle > i:last-child {
  color: #adc0d7;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 0.625rem;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-drawer {
  border-left: 1px solid #30435e;
  margin-left: 1.25rem;
  padding-left: 0.5rem;
}
html[data-brand="yellow"][data-theme="dark"] :is(.sidebar-glass,.mobile-menu) .nav-drawer :is(.nav-link-glass,.nav-link-glass-active) {
  font-size: 0.75rem;
  min-height: 2.75rem;
}
html[data-brand="yellow"][data-theme="dark"] .divider-glass {
  background: #30435e;
}
html[data-brand="yellow"][data-theme="dark"] .theme-toggle-wrapper {
  background: transparent;
  border-color: #30435e;
  border-radius: 0.5rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .theme-toggle-label {
  color: #c1cee0;
}
html[data-brand="yellow"][data-theme="dark"] .theme-switch-slider {
  background: #566477;
}
html[data-brand="yellow"][data-theme="dark"] .theme-switch input:checked + .theme-switch-slider {
  background: #5b6b80;
  border-color: #6d7b8d;
}
html[data-brand="yellow"][data-theme="dark"] .theme-switch-slider::before {
  background: #f1f3f5;
}
html[data-brand="yellow"][data-theme="dark"] .mobile-menu-toggle,
html[data-brand="yellow"][data-theme="dark"] .mobile-menu-close {
  background: #21334b !important;
  color: #eff5ff !important;
  border-color: #30435e;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .glass-card {
  background: #162438 !important;
  background-image: none;
  border: 1px solid #30435e;
  border-radius: 0.75rem;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="yellow"][data-theme="dark"] .page-title {
  font-family: var(--pp-font-body);
  font-size: 1.8125rem;
  font-weight: 750;
  letter-spacing: -0.025em;
}
html[data-brand="yellow"][data-theme="dark"] .page-subtitle {
  color: #adc0d7;
  font-size: 0.875rem;
  margin-top: 0.4375rem;
}
html[data-brand="yellow"][data-theme="dark"] .glass-card h3 {
  font-family: var(--pp-font-body);
  font-size: 1.125rem;
  letter-spacing: -0.015em;
}
html[data-brand="yellow"][data-theme="dark"] #revenueTotalLabel {
  color: #adc0d7;
  font-size: 0.875rem;
  font-weight: 600;
}
html[data-brand="yellow"][data-theme="dark"] #revenueTotalValue {
  color: #eff5ff !important;
  -webkit-text-fill-color: #eff5ff;
  background: none;
  font-size: 2.5rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
}
html[data-brand="yellow"][data-theme="dark"] .time-range-selector {
  background: #0d1726;
  border-color: #30435e;
  border-radius: 0.5rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .time-range-btn {
  background: transparent;
  color: #adc0d7;
  border-radius: 0.3125rem;
  box-shadow: none;
  font-size: 0.75rem;
  padding: 0.5625rem 0.75rem;
}
html[data-brand="yellow"][data-theme="dark"] .time-range-btn.active {
  color: #eff5ff;
  background: #21334b;
  box-shadow: inset 0 -2px #f1cf55;
}
html[data-brand="yellow"][data-theme="dark"] .period-nav-btn {
  color: #eff5ff;
  background: #21334b;
  border: 1px solid #30435e;
  border-radius: 0.4375rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] #periodLabel {
  color: #adc0d7;
}
html[data-brand="yellow"][data-theme="dark"] .table-glass {
  background: #162438;
  border-color: #30435e;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .table-glass th {
  background: #21334b;
  color: #adc0d7;
  border-bottom-color: #30435e;
}
html[data-brand="yellow"][data-theme="dark"] .table-glass td {
  border-bottom-color: #30435e;
  font-variant-numeric: tabular-nums;
}
html[data-brand="yellow"][data-theme="dark"] .input-glass,
html[data-brand="yellow"][data-theme="dark"] .select-glass,
html[data-brand="yellow"][data-theme="dark"] .textarea-glass {
  background: #162438;
  color: #eff5ff;
  border-color: #6d7b8d;
  border-radius: 0.5rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .btn-glass-primary {
  background: #f1cf55;
  border-color: #f1cf55;
  color: #171a1f;
  border-radius: 0.5rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="dark"] .input-glass:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .select-glass:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .textarea-glass:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .btn-glass-primary:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .nav-link-glass:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .nav-link-glass-active:focus-visible,
html[data-brand="yellow"][data-theme="dark"] .nav-drawer-toggle:focus-visible {
  outline: 3px solid #8dc9ff;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  html[data-brand="yellow"][data-theme="dark"] .page-title {
    font-size: 1.5625rem;
  }
  html[data-brand="yellow"][data-theme="dark"] .time-range-selector {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    width: 100%;
  }
  html[data-brand="yellow"][data-theme="dark"] .time-range-btn {
    min-height: 2.75rem;
    padding: 0.5rem 0.375rem;
    font-size: 0.6875rem;
  }
  html[data-brand="yellow"][data-theme="dark"] .period-nav-btn {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}
@media (max-width: 1023px) {
  html[data-brand="yellow"][data-theme="dark"] .glass-card > .flex {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  html[data-brand="yellow"][data-theme="dark"] .time-range-selector {
    max-width: 100%;
    flex-wrap: wrap;
  }
}