/* Valori che il tema aveva compilato dentro Bootstrap 5.2.0-beta1 e che la
   5.3.8 ridefinisce: lo sfondo bianco di card, modali, tendine, popover,
   elenchi e paginazione (la 5.3 li aggancia a --bs-body-bg, che qui vale
   #eef5f9, cioe' il grigio della pagina), i colori pieni degli alert, i
   bordi, gli aloni di messa a fuoco che il tema teneva spenti.

   Rimesse SOLO le variabili che a conti fatti cambiano davvero: quelle in
   cui la 5.3 dice la stessa cosa con un'indirezione (1px scritto
   var(--bs-border-width), che vale 1px) sono state scartate. Le tabelle non
   ci sono: quelle sono gia' sistemate nei sorgenti del tema.

   Stesso foglio, stesso scopo, di quello che ha il Ticket.
   Generato da genera_tema_componenti.py il 19/08/2026. */

.accordion {
    --bs-accordion-active-bg: #e9f3fc;
    --bs-accordion-active-color: #6856d6;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236856d6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-color: #000;
    --bs-accordion-inner-border-radius: 3px;
}

.alert-cyan {
    --bs-alert-bg: #26c6da;
    --bs-alert-border-color: #26c6da;
    --bs-alert-color: #000202;
}

.alert-danger {
    --bs-alert-bg: #fc4b6c;
    --bs-alert-border-color: #fc4b6c;
    --bs-alert-color: #030101;
}

.alert-dark {
    --bs-alert-bg: #343a40;
    --bs-alert-border-color: #343a40;
    --bs-alert-color: #fdfdfd;
}

.alert-dark-danger {
    --bs-alert-bg: #e6294b;
    --bs-alert-border-color: #e6294b;
    --bs-alert-color: #020001;
}

.alert-dark-info {
    --bs-alert-bg: #028ee1;
    --bs-alert-border-color: #028ee1;
    --bs-alert-color: #000102;
}

.alert-dark-primary {
    --bs-alert-bg: #6352ce;
    --bs-alert-border-color: #6352ce;
    --bs-alert-color: #fdfdff;
}

.alert-dark-success {
    --bs-alert-bg: #1eacbe;
    --bs-alert-border-color: #1eacbe;
    --bs-alert-color: #000202;
}

.alert-dark-warning {
    --bs-alert-bg: #e9ab2e;
    --bs-alert-border-color: #e9ab2e;
    --bs-alert-color: #020200;
}

.alert-info {
    --bs-alert-bg: #1e88e5;
    --bs-alert-border-color: #1e88e5;
    --bs-alert-color: #000102;
}

.alert-inverse {
    --bs-alert-bg: #2f3d4a;
    --bs-alert-border-color: #2f3d4a;
    --bs-alert-color: #fdfdfd;
}

.alert-light {
    --bs-alert-bg: #f2f4f8;
    --bs-alert-border-color: #f2f4f8;
    --bs-alert-color: #020202;
}

.alert-light-danger {
    --bs-alert-bg: #f9e7eb;
    --bs-alert-border-color: #f9e7eb;
    --bs-alert-color: #020202;
}

.alert-light-info {
    --bs-alert-bg: #cfecfe;
    --bs-alert-border-color: #cfecfe;
    --bs-alert-color: #020203;
}

.alert-light-inverse {
    --bs-alert-bg: #f6f6f6;
    --bs-alert-border-color: #f6f6f6;
    --bs-alert-color: #020202;
}

.alert-light-megna {
    --bs-alert-bg: #e0f2f4;
    --bs-alert-border-color: #e0f2f4;
    --bs-alert-color: #020202;
}

.alert-light-primary {
    --bs-alert-bg: #f1effd;
    --bs-alert-border-color: #f1effd;
    --bs-alert-color: #020203;
}

.alert-light-secondary {
    --bs-alert-bg: #dde1e4;
    --bs-alert-border-color: #dde1e4;
    --bs-alert-color: #020202;
}

.alert-light-success {
    --bs-alert-bg: #a8eef7;
    --bs-alert-border-color: #a8eef7;
    --bs-alert-color: #020202;
}

.alert-light-warning {
    --bs-alert-bg: #fff8ec;
    --bs-alert-border-color: #fff8ec;
    --bs-alert-color: #030202;
}

.alert-megna {
    --bs-alert-bg: #01c0c8;
    --bs-alert-border-color: #01c0c8;
    --bs-alert-color: #000202;
}

.alert-orange {
    --bs-alert-bg: #fb8c00;
    --bs-alert-border-color: #fb8c00;
    --bs-alert-color: #030100;
}

.alert-primary {
    --bs-alert-bg: #7460ee;
    --bs-alert-border-color: #7460ee;
    --bs-alert-color: #fefdff;
}

.alert-purple {
    --bs-alert-bg: #7460ee;
    --bs-alert-border-color: #7460ee;
    --bs-alert-color: #fefdff;
}

.alert-secondary {
    --bs-alert-bg: #6c757d;
    --bs-alert-border-color: #6c757d;
    --bs-alert-color: #fefefe;
}

.alert-success {
    --bs-alert-bg: #21c1d6;
    --bs-alert-border-color: #21c1d6;
    --bs-alert-color: #000202;
}

.alert-warning {
    --bs-alert-bg: #ffb22b;
    --bs-alert-border-color: #ffb22b;
    --bs-alert-color: #030200;
}

.breadcrumb {
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-active-color: #6c757d;
}

.btn-dark {
    --bs-btn-active-bg: #2a2e33;
    --bs-btn-active-border-color: #272c30;
    --bs-btn-hover-bg: #2c3136;
    --bs-btn-hover-border-color: #2a2e33;
}

.btn-light {
    --bs-btn-active-bg: #f5f6f9;
    --bs-btn-active-border-color: #f3f5f9;
    --bs-btn-hover-bg: #f4f6f9;
    --bs-btn-hover-border-color: #f3f5f9;
}

.btn-link {
    --bs-btn-box-shadow: none;
}

.card {
    --bs-card-bg: #fff;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
}

.dropdown-menu {
    --bs-dropdown-bg: #fff;
    --bs-dropdown-inner-border-radius: 4px;
    --bs-dropdown-link-disabled-color: #a1aab2;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-hover-color: #616971;
}

.list-group {
    --bs-list-group-action-color: #4f5467;
    --bs-list-group-action-hover-color: #4f5467;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-color: #212529;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-disabled-color: #6c757d;
}

.modal {
    --bs-modal-bg: #fff;
    --bs-modal-inner-border-radius: 5px;
}

.nav {
    --bs-nav-link-disabled-color: #6c757d;
}

.nav-tabs {
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    --bs-nav-tabs-link-active-color: #4f5467;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
}

.navbar {
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.pagination {
    --bs-pagination-bg: #fff;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
}

.popover {
    --bs-popover-bg: #fff;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-inner-border-radius: 4px;
}

.toast {
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    --bs-toast-header-color: #6c757d;
}

.tooltip {
    --bs-tooltip-color: #fff;
}


/* ---- il tooltip in modo scuro ----------------------------------------------
 *
 * La 5.3 costruisce il tooltip cosi':
 *     --bs-tooltip-color: var(--bs-body-bg)        (il testo)
 *     --bs-tooltip-bg:    var(--bs-emphasis-color) (lo sfondo)
 *
 * In modo scuro noi mettiamo --bs-emphasis-color: #fff, perche' serve al testo
 * in risalto: giusto ovunque, tranne qui, dove diventa lo SFONDO. Sommato al
 * --bs-tooltip-color: #fff rimesso qui sopra, dava un pannello bianco con
 * scritte bianche: si vedeva vuoto. Segnalato da Thomas sui tooltip degli
 * interventi.
 *
 * Lo sfondo bianco va bene (scelta sua): basta che il testo sia scuro.
 * L'unico posto in cui --bs-emphasis-color finisce come sfondo e' questo,
 * verificato su tutto il foglio: altrove e' sempre colore di testo o di bordo.
 */

body[data-theme="dark"] .tooltip {
    /* non bianco pieno: un grigio chiaro, che su fondo scuro non abbaglia.
       Il testo resta scuro, e il contrasto e' abbondante. */
    --bs-tooltip-bg: #dee2e6;
    --bs-tooltip-color: #212529;
    --bs-tooltip-opacity: 1;
}


/* ---- topbar e toast in modo scuro -----------------------------------------
 *
 * Trovati guardando (Thomas): in dark la campanella, la lente di ricerca e il
 * toast delle notifiche uscivano scuri/chiari sbagliati.
 *
 * TOPBAR: e' una .navbar-dark, sfondo scuro in dark -> icone e testo devono
 * essere chiari. Col passaggio 5.2->5.3, e con questo foglio che rimette i
 * valori .navbar della 5.2, il colore effettivo dei nav-link tornava
 * rgba(0,0,0,.55) = nero, invisibile sul nero. La variabile non basta a
 * correggerlo (la catena --bs-navbar-color -> --bs-nav-link-color non si
 * propaga), quindi qui il colore si impone diretto. Verificato: in light
 * resta com'era, in dark diventa chiaro.
 *
 * TOAST: la 5.3 fa --bs-toast-bg: rgba(var(--bs-body-bg-rgb),.85). In dark noi
 * NON scuriamo --bs-body-bg (resta #eef5f9), quindi il toast usciva chiaro.
 * Qui gli si danno i colori scuri del tema, come alle card. */

body[data-theme="dark"] .topbar .navbar-nav .nav-link,
body[data-theme="dark"] .topbar .navbar-nav .nav-link > i,
body[data-theme="dark"] .topbar .navbar-nav .nav-link .mdi,
body[data-theme="dark"] .topbar .app-search .form-control,
body[data-theme="dark"] .topbar .nav-link .ti-search {
    color: rgba(255, 255, 255, .75);
}
body[data-theme="dark"] .topbar .navbar-nav .nav-link:hover,
body[data-theme="dark"] .topbar .navbar-nav .nav-link:hover > i {
    color: #fff;
}

body[data-theme="dark"] .toast {
    --bs-toast-bg: rgba(39, 43, 52, .96);
    --bs-toast-color: #b2b9bf;
    --bs-toast-header-bg: rgba(39, 43, 52, .96);
    --bs-toast-header-color: #b2b9bf;
    --bs-toast-border-color: rgba(255, 255, 255, .1);
}