/* Approved Clean ParkPlus light theme — presentation only.
 * Loaded after brand-yellow.css. Every selector requires the existing yellow
 * brand AND light theme; switching to dark/classic removes every effect.
 * Keep chart series/options, camera/map geometry, status meanings, controls,
 * visibility, form names, IDs and application behavior in their current files.
 */
html[data-brand="yellow"][data-theme="light"] {
  --pp-ink: #18232f;
  --pp-ink-2: #344151;
  --pp-ink-3: #627080;
  --pp-paper-2: #f4f6f8;
  --pp-paper-3: #edf1f4;
  --pp-line: #dde3e9;
  --pp-line-2: #bfcbd5;
  --pp-card: #ffffff;
  --pp-card-line: #dde3e9;
  --pp-card-field: #bfcbd5;
  --pp-card-rule: #dde3e9;
  --pp-panel-head: #f8f9fb;
  --pp-font-display: var(--pp-font-body);
  --pp-radius-card: 0.75rem;
  --bg-gradient-start: #f4f6f8;
  --bg-gradient-mid: #f4f6f8;
  --bg-gradient-end: #f4f6f8;
  --glass-bg: #ffffff;
  --glass-bg-hover: #f8f9fb;
  --glass-border: #dde3e9;
  --glass-border-hover: #bfcbd5;
  --text-primary: #18232f;
  --text-secondary: #344151;
  --text-muted: #627080;
  --input-border: #bfcbd5;
  --input-border-focus: #2485d2;
  --input-text: #18232f;
  --input-placeholder: #627080;
  --table-header-bg: #f8f9fb;
  --table-border: #dde3e9;
  --table-row-hover: #f4f6f8;
  --nav-dropdown-border: #dde3e9;
  --nav-dropdown-text: #344151;
  --shadow-glass: 0 2px 7px rgba(20,35,55,0.035);
  --shadow-glass-sm: 0 1px 4px rgba(20,35,55,0.035);
  --shadow-glass-lg: 0 8px 24px rgba(20,35,55,0.09);
  --card-header-text: #18232f;
  --btn-secondary-border: #bfcbd5;
}

html[data-brand="yellow"][data-theme="light"] body {
  background: #f4f6f8;
  background-image: none;
}
html[data-brand="yellow"][data-theme="light"] .header-glass {
  background: #ffffff !important;
  border-bottom: 1px solid #dde3e9 !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="yellow"][data-theme="light"] .sidebar-glass {
  background: #ffffff !important;
  border-right: 1px solid #dde3e9 !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* Keep the existing nav links, active underline/arrows and drawer behavior;
 * remove only the extra dividers/shadows around ordinary link rows. */
html[data-brand="yellow"][data-theme="light"] .sidebar-glass a.nav-link-glass,
html[data-brand="yellow"][data-theme="light"] .sidebar-glass a.nav-link-glass-active {
  border-color: transparent !important;
  box-shadow: none;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
}
html[data-brand="yellow"][data-theme="light"] .glass-card {
  background: #ffffff !important;
  background-image: none;
  border: 1px solid #dde3e9 !important;
  border-radius: 0.75rem;
  box-shadow: 0 2px 7px rgba(20,35,55,0.035);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="yellow"][data-theme="light"] .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="light"] .page-subtitle {
  font-size: 0.875rem;
  color: #627080;
  margin-top: 0.4375rem;
}
html[data-brand="yellow"][data-theme="light"] .page-header {
  margin-bottom: 1.5rem;
}
html[data-brand="yellow"][data-theme="light"] .glass-card h3 {
  font-family: var(--pp-font-body);
  font-size: 1.125rem;
  letter-spacing: -0.015em;
}
html[data-brand="yellow"][data-theme="light"] #revenueTotalLabel {
  color: #627080;
  font-size: 0.875rem;
  font-weight: 600;
}
html[data-brand="yellow"][data-theme="light"] #revenueTotalValue {
  color: #18232f !important;
  -webkit-text-fill-color: #18232f;
  background: none;
  font-size: 2.5rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
}
/* Only the chart's outer surface changes. Do not set chart palette tokens,
 * canvas styles, series types, data, tooltips or plotting-area dimensions. */
html[data-brand="yellow"][data-theme="light"] #monthly_revenue_chart {
  background: #ffffff !important;
  border: 1px solid #dde3e9;
  border-radius: 0.5rem;
}
html[data-brand="yellow"][data-theme="light"] .time-range-selector {
  background: #f8f9fb !important;
  border: 1px solid #dde3e9 !important;
  border-radius: 0.5625rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="light"] .time-range-btn {
  border-radius: 0.375rem;
  box-shadow: none;
  color: #627080;
}
html[data-brand="yellow"][data-theme="light"] .time-range-btn.active {
  background: #18232f !important;
  color: #ffd60a !important;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="light"] .period-nav-btn {
  background: #ffffff !important;
  border: 1px solid #dde3e9 !important;
  border-radius: 0.4375rem;
  color: #18232f;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="light"] #periodLabel {
  color: #627080;
}
html[data-brand="yellow"][data-theme="light"] .divider-glass {
  background: #dde3e9;
}
html[data-brand="yellow"][data-theme="light"] .table-glass {
  background: #ffffff;
  border-radius: 0.5rem;
}
html[data-brand="yellow"][data-theme="light"] .table-glass th {
  background: #f8f9fb;
  color: #627080;
  border-bottom-color: #dde3e9;
}
html[data-brand="yellow"][data-theme="light"] .table-glass td {
  border-bottom-color: #dde3e9;
  font-variant-numeric: tabular-nums;
}
html[data-brand="yellow"][data-theme="light"] .input-glass,
html[data-brand="yellow"][data-theme="light"] .select-glass {
  background: #ffffff;
  border-color: #bfcbd5;
  border-radius: 0.5rem;
  box-shadow: none;
  min-height: 2.75rem;
}
html[data-brand="yellow"][data-theme="light"] .btn-glass-primary,
html[data-brand="yellow"][data-theme="light"] .btn-glass-secondary {
  border-radius: 0.5rem;
  box-shadow: none;
}
html[data-brand="yellow"][data-theme="light"] .input-glass:focus-visible,
html[data-brand="yellow"][data-theme="light"] .select-glass:focus-visible,
html[data-brand="yellow"][data-theme="light"] .btn-glass-primary:focus-visible,
html[data-brand="yellow"][data-theme="light"] .btn-glass-secondary:focus-visible,
html[data-brand="yellow"][data-theme="light"] .nav-link-glass:focus-visible {
  outline: 3px solid #2485d2;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  html[data-brand="yellow"][data-theme="light"] .page-title {
    font-size: 1.5625rem;
  }
  /* Keep p-0 camera/map wrappers and every existing video/overlay dimension. */
  html[data-brand="yellow"][data-theme="light"] .glass-card:not(.p-0) {
    border-radius: 0.625rem;
  }
  html[data-brand="yellow"][data-theme="light"] .time-range-selector {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    width: 100%;
  }
  html[data-brand="yellow"][data-theme="light"] .time-range-btn {
    min-height: 2.75rem;
    padding: 0.5625rem 0.4375rem;
    font-size: 0.6875rem;
  }
  html[data-brand="yellow"][data-theme="light"] .period-nav-btn {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}
/* At tablet widths the existing fixed sidebar reduces the content area.
 * Wrap card headings/filters rather than letting controls widen the page. */
@media (max-width: 1023px) {
  html[data-brand="yellow"][data-theme="light"] .glass-card > .flex {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  html[data-brand="yellow"][data-theme="light"] .time-range-selector {
    max-width: 100%;
    flex-wrap: wrap;
  }
}