/* ==========================================================================
   Tema scuro — Dashboard e statistiche campagne
   dashboard.php (+ dashboard_campaign.php, include/usr-latest-news.php),
   statistiche_campagne.php e la card #ba-home (js/business_analytics.js).
   Le classi .dash-* sono riusate anche da altre pagine (dati_azienda,
   richieste_inner): qui restano globali, così sono coerenti ovunque.
   ========================================================================== */

/* --- Intestazione "Ciao, …" ------------------------------------------------ */
html[data-theme="dark"] .dash-header-text h1 {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-header-text p {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-highlight {
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-header-btn {
    box-shadow: 0 6px 18px -8px rgba(39, 163, 140, .55);
}

html[data-theme="dark"] .dash-header-btn:hover {
    background: #2fb59c;
    color: #fff;
}

/* --- Contatori (Attive, Richieste, Terminate, Bozze) ------------------------ */
/* bordo con un anello interno: in chiaro le card non hanno bordo, così
   le misure restano identiche */
html[data-theme="dark"] .dash-stat-card {
    background: var(--cu-surface);
    box-shadow: inset 0 0 0 1px var(--cu-border), var(--cu-shadow-sm);
}

html[data-theme="dark"] .dash-stat-info strong {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-stat-info small {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-stat-green { background: var(--cu-primary-soft); color: var(--cu-primary-hi); }
html[data-theme="dark"] .dash-stat-blue { background: var(--cu-info-soft); color: var(--cu-info); }
html[data-theme="dark"] .dash-stat-gray { background: rgba(167, 180, 177, .12); color: var(--cu-text-2); }
html[data-theme="dark"] .dash-stat-yellow { background: var(--cu-warning-soft); color: var(--cu-warning); }
html[data-theme="dark"] .dash-stat-red { background: var(--cu-danger-soft); color: var(--cu-danger); }

/* --- Sezioni ---------------------------------------------------------------- */
html[data-theme="dark"] .dash-section-title {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-link {
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-link:hover {
    color: var(--cu-text);
}

/* Tab In corso / Terminate / Bozze (pillola) */
html[data-theme="dark"] .dash-tabs-left {
    background: var(--cu-surface);
    box-shadow: inset 0 0 0 1px var(--cu-border);
}

html[data-theme="dark"] .dash-tab {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-tab:hover {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-tab-active,
html[data-theme="dark"] .dash-tab-active:hover {
    background: var(--cu-surface-3);
    color: var(--cu-primary-hi);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

html[data-theme="dark"] .dash-search-box i {
    color: var(--cu-text-3);
}

/* Nessuna campagna */
html[data-theme="dark"] .dash-empty {
    background: var(--cu-surface);
    border-color: var(--cu-border-2);
}

html[data-theme="dark"] .dash-empty-icon {
    color: var(--cu-text-4);
}

html[data-theme="dark"] .dash-empty h3 {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-empty p {
    color: var(--cu-text-3);
}

/* "+N campagne — Visualizza tutte" */
html[data-theme="dark"] .dash-show-all-count {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-show-all-btn {
    background: var(--cu-surface);
    border-color: var(--cu-border-2);
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-show-all-btn:hover {
    background: var(--cu-primary);
    border-color: var(--cu-primary);
    color: #fff;
}

/* --- Card campagna in dashboard (dashboard_campaign.php) -------------------- */
/* solo dentro la griglia della dashboard: le liste campagne hanno il loro file */
html[data-theme="dark"] .dash-campaign-grid .camp-card {
    background: var(--cu-surface);
    box-shadow: inset 0 0 0 1px var(--cu-border), var(--cu-shadow-sm);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card:hover {
    box-shadow: inset 0 0 0 1px var(--cu-border-2), var(--cu-shadow);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-img {
    background: var(--cu-surface-3);
    border-radius: 12px 12px 0 0;
}

/* pulsante ⋮ sulla foto: vetro scuro invece di bianco */
html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .btn {
    background: rgba(13, 19, 18, .72);
    color: var(--cu-text);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .btn:hover,
html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .show > .btn {
    background: var(--cu-surface-4);
    color: #fff;
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .dropdown-menu {
    border: 1px solid var(--cu-border-2);
    box-shadow: var(--cu-shadow-lg);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .dropdown-item i {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .dropdown-item.text-danger i {
    color: inherit;
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-menu .dropdown-item.text-danger:hover {
    background: var(--cu-danger-soft);
}

html[data-theme="dark"] .dash-campaign-grid .camp-badge {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-title {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-campaign-grid .camp-tag {
    background: var(--cu-primary-soft);
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-campaign-grid .camp-tag-light {
    background: var(--cu-surface-3);
    color: var(--cu-text-2);
}

html[data-theme="dark"] .dash-campaign-grid .camp-tag-accent {
    background: var(--cu-info-soft);
    color: var(--cu-info);
}

html[data-theme="dark"] .dash-campaign-grid .camp-card-stats {
    border-top-color: var(--cu-border);
    border-bottom-color: var(--cu-border);
}

html[data-theme="dark"] .dash-campaign-grid .camp-stat small {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-campaign-grid .camp-stat strong,
html[data-theme="dark"] .dash-campaign-grid .camp-stat a strong {
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-campaign-grid .camp-btn-outline {
    background: transparent;
    border-color: var(--cu-border-3);
    color: var(--cu-text) !important;
}

html[data-theme="dark"] .dash-campaign-grid .camp-btn-outline:hover {
    border-color: var(--cu-primary);
    color: var(--cu-primary-hi) !important;
}

html[data-theme="dark"] .dash-campaign-grid .camp-btn-edit {
    background: var(--cu-surface-3);
    border-color: var(--cu-border-2);
    color: var(--cu-primary-hi) !important;
}

html[data-theme="dark"] .dash-campaign-grid .camp-btn-edit:hover {
    background: var(--cu-primary);
    border-color: var(--cu-primary);
    color: #fff !important;
}

/* --- "Come possiamo aiutarti?" (include/usr-latest-news.php) ---------------- */
html[data-theme="dark"] .dash-help-card {
    background: var(--cu-surface);
    border-color: var(--cu-border);
    box-shadow: var(--cu-shadow-sm);
}

html[data-theme="dark"] .dash-help-card:hover {
    border-color: var(--cu-primary);
    box-shadow: var(--cu-shadow);
}

html[data-theme="dark"] .dash-help-content h3 {
    color: var(--cu-text);
}

html[data-theme="dark"] .dash-help-content p {
    color: var(--cu-text-3);
}

html[data-theme="dark"] .dash-help-arrow {
    color: var(--cu-text-4);
}

html[data-theme="dark"] .dash-help-card:hover .dash-help-arrow {
    color: var(--cu-primary-hi);
}

html[data-theme="dark"] .dash-help-green { background: var(--cu-primary-soft); color: var(--cu-primary-hi); }
html[data-theme="dark"] .dash-help-blue { background: var(--cu-info-soft); color: var(--cu-info); }
html[data-theme="dark"] .dash-help-purple { background: var(--cu-purple-soft); color: var(--cu-purple); }

/* ==========================================================================
   Statistiche campagne — #ba-home (card in dashboard) e #ba-dashboard
   I colori del CSS passano dalle variabili --ba-*; quelli scritti dal JS
   (attributi SVG e style="" delle barre) si coprono qui sotto, così il
   cambio tema non richiede di ridisegnare i grafici.
   ========================================================================== */
html[data-theme="dark"] #ba-home,
html[data-theme="dark"] #ba-dashboard {
    --ba-accent: var(--cu-primary-hi);
    --ba-accent-light: var(--cu-primary-hi);
    --ba-accent-dark: var(--cu-surface-4);
    --ba-premium: var(--cu-warning);
    --ba-text: var(--cu-text);
    --ba-text-secondary: var(--cu-text-2);
    --ba-text-muted: var(--cu-text-3);
    --ba-grid: var(--cu-surface-3);
    --ba-border: var(--cu-border);
}

html[data-theme="dark"] .ba-card {
    background: var(--cu-surface);
    border-color: var(--cu-border);
    box-shadow: var(--cu-shadow-sm);
}

html[data-theme="dark"] a.ba-home-card:hover {
    border-color: var(--cu-border-2);
    box-shadow: var(--cu-shadow);
}

html[data-theme="dark"] .ba-page-header h1 {
    color: var(--cu-text);
}

/* dark-theme.css mette i <p> a color: inherit: qui servono i grigi */
html[data-theme="dark"] .ba-section-subtitle,
html[data-theme="dark"] .ba-locked-body,
html[data-theme="dark"] .ba-page-error p {
    color: var(--cu-text-2);
}

html[data-theme="dark"] .ba-locked-plan {
    color: var(--cu-text-3);
}

/* icone nei quadratini */
html[data-theme="dark"] .ba-icon-box {
    background: var(--cu-primary-soft);
}

html[data-theme="dark"] .ba-icon-premium {
    background: var(--cu-warning-soft);
}

/* bottoni pieni: teal di riempimento, non quello chiaro per il testo */
html[data-theme="dark"] .ba-btn {
    background: var(--cu-primary);
}

html[data-theme="dark"] .ba-btn:hover {
    background: #2fb59c;
}

html[data-theme="dark"] .ba-text-btn:hover {
    color: var(--cu-text);
}

html[data-theme="dark"] .ba-spinner {
    border-color: rgba(60, 196, 166, .18);
    border-top-color: var(--cu-primary-hi);
}

/* selettore periodo 30 giorni / 6 mesi / 1 anno */
html[data-theme="dark"] .ba-segmented {
    background: var(--cu-surface);
    border-color: var(--cu-border-2);
}

html[data-theme="dark"] .ba-segmented button {
    background: var(--cu-surface);
    border-left-color: var(--cu-border-2);
    color: var(--cu-text-2);
}

html[data-theme="dark"] .ba-segmented button:hover {
    color: var(--cu-text);
}

html[data-theme="dark"] .ba-segmented button.is-selected {
    background: var(--cu-primary);
    color: #fff;
}

html[data-theme="dark"] .ba-segmented button:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(60, 196, 166, .5);
}

/* chip metrica dell'andamento */
html[data-theme="dark"] .ba-chip {
    background: var(--cu-surface-2);
    border-color: var(--cu-border-2);
    color: var(--cu-text-2);
}

html[data-theme="dark"] .ba-chip:hover {
    color: var(--cu-text);
}

html[data-theme="dark"] .ba-chip.is-selected {
    background: var(--cu-primary-soft);
    border-color: rgba(60, 196, 166, .45);
    color: var(--cu-primary-hi);
}

/* Imbuto: le barre hanno il colore nello style="" (sfumatura verso
   #0F3B37, invisibile sul fondo scuro) → scala teal tutta leggibile */
html[data-theme="dark"] .ba-funnel > .ba-funnel-step:nth-of-type(1) .ba-funnel-bar { background: #5fd6bd !important; }
html[data-theme="dark"] .ba-funnel > .ba-funnel-step:nth-of-type(2) .ba-funnel-bar { background: #3cc4a6 !important; }
html[data-theme="dark"] .ba-funnel > .ba-funnel-step:nth-of-type(3) .ba-funnel-bar { background: #27A38C !important; }
html[data-theme="dark"] .ba-funnel > .ba-funnel-step:nth-of-type(4) .ba-funnel-bar { background: #1d8572 !important; }

/* Andamento: griglia, linea, punti e cursore sono attributi SVG del JS */
html[data-theme="dark"] .ba-line-svg > line:not([stroke-dasharray]) {
    stroke: var(--cu-border-2);
}

html[data-theme="dark"] .ba-line-svg > line[stroke-dasharray] {
    stroke: var(--cu-primary-hi);
}

html[data-theme="dark"] .ba-line-svg > path[fill-opacity],
html[data-theme="dark"] .ba-sparkline svg > path[fill-opacity] {
    fill: var(--cu-primary-hi);
    fill-opacity: .14;
}

html[data-theme="dark"] .ba-line-svg > path[fill="none"],
html[data-theme="dark"] .ba-sparkline svg > path[fill="none"] {
    stroke: var(--cu-primary-hi);
}

html[data-theme="dark"] .ba-line-svg > circle {
    fill: var(--cu-primary-hi);
    stroke: var(--cu-surface);
}

/* tooltip chiaro, come i tooltip Bootstrap del tema scuro */
html[data-theme="dark"] .ba-tooltip {
    background: var(--cu-text);
    box-shadow: var(--cu-shadow);
}

html[data-theme="dark"] .ba-tooltip span {
    color: var(--cu-text-4);
}

html[data-theme="dark"] .ba-tooltip strong {
    color: var(--cu-bg);
}

/* Stato candidature: colonne in ordine attesa, accettate, concluse, rifiutate */
html[data-theme="dark"] .ba-status-track {
    background: var(--cu-surface-3);
}

html[data-theme="dark"] .ba-status-col:nth-child(1) .ba-status-bar { background: var(--cu-warning) !important; }
html[data-theme="dark"] .ba-status-col:nth-child(2) .ba-status-bar { background: var(--cu-primary-hi) !important; }
html[data-theme="dark"] .ba-status-col:nth-child(3) .ba-status-bar { background: var(--cu-info) !important; }
html[data-theme="dark"] .ba-status-col:nth-child(4) .ba-status-bar { background: var(--cu-danger) !important; }

/* Classifica campagne */
html[data-theme="dark"] .ba-cover-placeholder {
    background: var(--cu-surface-3);
    color: var(--cu-text-4);
}

html[data-theme="dark"] .ba-badge {
    background: rgba(167, 180, 177, .12);
    color: var(--cu-text-3);
}

html[data-theme="dark"] .ba-badge.is-active {
    background: var(--cu-primary-soft);
    color: var(--cu-primary-hi);
}