/* ???????????????????????????????????????????????????????????
   Tema Personalizado — variáveis-base usadas como fallback
   antes do JS aplicar as variáveis dinâmicas calculadas
   em tempo real a partir dos parâmetros do usuário.
   ??????????????????????????????????????????????????????????? */
html[data-ci-theme="personalizado"] {
  --ci-body-bg: #eef2f7;
  --ci-body-bg-soft: rgba(255, 255, 255, 0.78);
  --ci-surface: #ffffff;
  --ci-surface-soft: rgba(255, 255, 255, 0.84);
  --ci-surface-alt: #f6f8fb;
  --ci-surface-strong: #e8edf5;
  --ci-text: #1f2937;
  --ci-text-muted: #64748b;
  --ci-text-contrast: #ffffff;
  --ci-link-color: #0f4bbd;
  --ci-link-hover: #b24027;
  --ci-border: rgba(15, 23, 42, 0.12);
  --ci-border-strong: rgba(15, 23, 42, 0.18);
  --ci-shadow-soft: 0 5px 16px rgba(15, 23, 42, 0.06);
  --ci-shadow: 0 12px 30px rgba(15, 23, 42, 0.11);
  --ci-shadow-strong: 0 18px 40px rgba(15, 23, 42, 0.16);
  --ci-header-bg: rgba(255, 255, 255, 0.86);
  --ci-header-text: #475569;
  --ci-header-muted: #64748b;
  --ci-header-border: rgba(148, 163, 184, 0.22);
  --ci-panel-bg: rgba(255, 255, 255, 0.48);
  --ci-panel-border: rgba(255, 255, 255, 0.38);
  --ci-help-bg: #f4efc6;
  --ci-help-text: #444444;
  --ci-help-border: #666699;
  --ci-striped-bg: #f6f8fb;
  --ci-cabine-text: #ffffff;
  --ci-cabine-display-bg: #ffffff;
  --ci-cabine-display-fg: #1f2937;
  --ci-card-title: #1f2937;
  --ci-card-subtitle: #64748b;
  --ci-top-accent: rgba(13, 110, 253, 0.16);
  --ci-overlay-bg: rgba(2, 6, 23, 0.55);
  --ci-theme-chip-bg: rgba(13, 110, 253, 0.08);
  --ci-theme-chip-border: rgba(13, 110, 253, 0.16);
  --ci-theme-chip-active-bg: linear-gradient(
    135deg,
    rgba(13, 110, 253, 0.14),
    rgba(13, 110, 253, 0.28)
  );
  --ci-theme-chip-active-border: rgba(13, 110, 253, 0.44);
  --ci-body-image-overlay: rgba(255, 255, 255, 0);
  --ci-img-filter-panel: none;
  --ci-img-filter-soft: none;
  --ci-alert-fg: #7c2d12;
  --ci-alert-bg: rgba(255, 251, 235, 0.92);
  --ci-alert-border: rgba(245, 158, 11, 0.22);
  --ci-sem-bar-bg: #3a5f8c;
  --ci-sem-bar-bg-end: #4e6f98;
  --ci-sem-bar-fg: #ffffff;
  --ci-sem-group-bg: #3a5f8c;
  --ci-sem-group-bg-end: #4e6f98;
  --ci-sem-group-hover-bg: #4e6f98;
  --ci-sem-group-hover-bg-end: #5a7faa;
  --ci-sem-group-fg: #ffffff;
  --ci-sem-list-head-bg: #d9e0e8;
  --ci-sem-list-head-fg: #1f2937;
  --ci-sem-list-row-bg: #edf2f7;
  --ci-sem-list-row-alt-bg: #f3f7fb;
  --ci-sem-list-row-fg: #1f2937;
  --ci-sem-list-row-alt-fg: #1f2937;
  --ci-sem-neutral-row-bg: #e8edf5;
  --ci-sem-neutral-row-fg: #1f2937;
  --ci-sem-positive-row-bg: rgba(34, 197, 94, 0.18);
  --ci-sem-positive-row-fg: #1f2937;
  --ci-sem-warm-row-bg: #ffe9e0;
  --ci-sem-warm-row-fg: #7c3d14;
  --ci-sem-info-row-bg: #e9e9e9;
  --ci-sem-info-row-fg: #1f2937;
  --ci-sem-highlight-row-bg: #c5e9c5;
  --ci-sem-highlight-row-fg: #1f3b21;
  --ci-sem-highlight-alt-row-bg: #e5e9c5;
  --ci-sem-highlight-alt-row-fg: #4a4f16;
  --ci-sem-alert-row-bg: #ffffcc;
  --ci-sem-alert-row-fg: #7c2d12;
  --ci-sem-danger-row-bg: #ffcccc;
  --ci-sem-danger-row-fg: #7f1d1d;
  --ci-sem-reserva-solicitada-bg: #cee3fc;
  --ci-sem-reserva-solicitada-fg: #16324f;
  --ci-sem-reserva-paga-bg: #deffe6;
  --ci-sem-reserva-paga-fg: #16351f;
  --ci-sem-alert-past-bg: #eeeeaa;
  --ci-sem-alert-past-fg: #5c4710;
  --ci-legacy-bar-start: var(--ci-sem-bar-bg);
  --ci-legacy-bar-end: var(--ci-sem-bar-bg-end);
  --ci-legacy-group-start: var(--ci-sem-group-bg);
  --ci-legacy-group-end: var(--ci-sem-group-bg-end);
  --ci-legacy-row-bg: var(--ci-surface);
  --ci-legacy-row-alt-bg: var(--ci-surface-alt);
  --ci-legacy-head-bg: var(--ci-sem-list-head-bg);
  --ci-legacy-list-bg: var(--ci-sem-list-row-bg);
  --ci-legacy-neutral-bg: #e8edf5;
  --ci-legacy-positive-bg: rgba(34, 197, 94, 0.18);
  --ci-legacy-input-border: rgba(15, 23, 42, 0.18);
  --ci-icon-bg: rgba(13, 110, 253, 0.08);
  --ci-icon-border: rgba(15, 23, 42, 0.18);
  --ci-icon-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
  --ci-icon-primary: #0f4bbd;
  --ci-icon-info: #0f4bbd;
  --ci-icon-success: #13824a;
  --ci-icon-danger: #a92323;
  --ci-icon-warning: #b96a11;
  --ci-icon-muted: #64748b;
  /* Painel de Reservas — derivado das variáveis base para adaptar ao tema dinâmico */
  --ci-sem-res-cab-row-a-bg: var(--ci-surface-alt);
  --ci-sem-res-cab-row-a-fg: var(--ci-text);
  --ci-sem-res-cab-row-b-bg: var(--ci-surface);
  --ci-sem-res-cab-row-b-fg: var(--ci-text-muted);
  --ci-sem-res-day-a-bg: var(--ci-surface-alt);
  --ci-sem-res-day-a-fg: var(--ci-text);
  --ci-sem-res-day-b-bg: transparent;
  --ci-sem-res-day-b-fg: var(--ci-text);
  --ci-sem-res-day-today-bg: var(--ci-surface-strong);
  --ci-sem-res-day-today-fg: var(--ci-text);
  /* Equipamentos e rotinas — fallback claro pré-JS; o JS sobrescreve com valores dinâmicos */
  --ci-equip-bg-url: #dddfdd;
  --ci-equip-bg-neutral: #dddddd;
  --ci-equip-bg-active: #adddbd;
  --ci-equip-bg-sensor: #adbded;
  --ci-equip-bg-processing: #ffffff;
  --ci-equip-text: #1e293b;
  --ci-equip-text-action: #166534;
  --ci-equip-text-sensor: #1e3a5f;
  --ci-equip-link: #1a6e3d;
  --ci-equip-alert: #991b1b;
  --ci-equip-border: rgba(15, 23, 42, 0.12);
  --ci-equip-shadow: 0 3px 10px rgba(15, 23, 42, 0.07);
  --ci-sensor-display-on-bg: #aa4444;
  --ci-sensor-display-on-text: #ffffff;
  --ci-sensor-display-off-bg: #aaaa44;
  --ci-sensor-display-off-text: #ffffff;
}