/* Fantasy theme from daisyUI 5.7.50 (MIT), plus PrimeWise styles. https://github.com/saadeghi/daisyui */
[data-theme=fantasy]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(93% 0 0);--color-base-300:oklch(86% 0 0);--color-base-content:oklch(27.807% .029 256.847);--color-primary:oklch(37.45% .189 325.02);--color-primary-content:oklch(87.49% .037 325.02);--color-secondary:oklch(53.92% .162 241.36);--color-secondary-content:oklch(90.784% .032 241.36);--color-accent:oklch(75.98% .204 56.72);--color-accent-content:oklch(15.196% .04 56.72);--color-neutral:oklch(27.807% .029 256.847);--color-neutral-content:oklch(85.561% .005 256.847);--color-info:oklch(72.06% .191 231.6);--color-info-content:oklch(0% 0 0);--color-success:oklch(64.8% .15 160);--color-success-content:oklch(0% 0 0);--color-warning:oklch(84.71% .199 83.87);--color-warning-content:oklch(0% 0 0);--color-error:oklch(71.76% .221 22.18);--color-error-content:oklch(0% 0 0);--radius-selector:1rem;--radius-field:.5rem;--radius-box:1rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}
[data-theme] {
  background: var(--color-base-200);
  color: var(--color-base-content);
  accent-color: var(--color-primary);
}

[data-theme] main {
  color: var(--color-base-content);
}

[data-theme] :is(.panel, .dash-card, .deadline-panel, .cal-panel) {
  background: var(--color-base-100);
  border-color: var(--color-base-300);
  border-radius: var(--radius-box);
}

[data-theme] :is(input, select, textarea) {
  border-color: var(--color-base-300);
  border-radius: var(--radius-field);
  color: var(--color-base-content);
  background-color: var(--color-base-100);
}

[data-theme] button:not(.secondary, .cal-day, .cal-undated, .dash-target, #menu-toggle) {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  border-radius: var(--radius-field);
  color: var(--color-primary-content);
}

[data-theme] :is(button, a, input, select, textarea):focus-visible {
  outline-color: var(--color-secondary);
}

[data-theme] #main-menu {
  background-color: var(--color-neutral);
}

[data-theme] #main-menu a[aria-current="page"] {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
}

[data-theme] :is(.open-district, .text-link, #content a) {
  color: var(--color-primary);
}

[data-theme] .dash-ring-value {
  stroke: var(--color-primary);
}

.theme-picker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.theme-picker select {
  min-width: 0;
  padding: 6px 8px;
  font: inherit;
  border: 1px solid var(--color-base-300, #c4d1c7);
}

#main-menu .theme-picker {
  padding: 10px 12px;
  color: var(--color-neutral-content, #e9f0f5);
}

[data-theme] #main-menu nav a,
[data-theme] #main-menu .sidebar-identity,
[data-theme] #main-menu .sidebar-note {
  color: var(--color-neutral-content);
}

[data-theme] #main-menu nav a:hover {
  background: color-mix(in oklch, var(--color-neutral), var(--color-neutral-content) 14%);
}

[data-theme] #main-menu nav a[aria-current="page"] {
  background: var(--color-primary);
  color: var(--color-primary-content);
}

[data-theme] :is(table, .dash-budget, .budget-summary, .cal-day, .cal-undated, .next-step:first-of-type) {
  background: var(--color-base-100);
  color: var(--color-base-content);
}

[data-theme] :is(th, .cal-selected, .cal-day:hover) {
  background: var(--color-base-200);
  color: var(--color-base-content);
}

[data-theme] :is(.panel > p, .intro > p, .dash-muted, .dash-empty, .dash-form small, .dash-form span, .dash-kpi small, .dash-metric, .cal-empty, .cal-foot, .district p, footer, caption, #district-nav a, .note) {
  color: var(--color-base-content);
}

[data-theme] :is(.dash-form strong, .deadline-summary strong, .secondary, .cal-today .cal-number, #district-nav a[aria-current]) {
  color: var(--color-primary);
}

[data-theme] #message {
  color: var(--color-base-content);
}

/* Keep dashboard action labels paired with their themed button background. */
[data-theme] button.dash-card-foot {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
}

[data-theme] button.dash-card-foot:hover {
  background-color: color-mix(in oklch, var(--color-primary), var(--color-primary-content) 8%);
}