/*
 * metronic-overrides.css — correzioni applicative sopra il tema Metronic 8.2.7 (demo61).
 *
 * NON e' un layer di tema e non sostituisce app-tokens.css: contiene solo rettifiche a
 * combinazioni di markup che il bundle nativo non copre. Ogni regola e' motivata; quando
 * una regola smette di servire va rimossa, non lasciata "per sicurezza".
 */

/* ------------------------------------------------------------------------------------
   1. DataTables dentro .table-responsive — barra di scorrimento orizzontale fantasma.

   L'integrazione bootstrap5 di DataTables 2.x costruisce le righe dei controlli
   (lunghezza/ricerca sopra, info/paginazione sotto) come .row di Bootstrap, che porta
   margini negativi pari a meta' gutter: --bs-gutter-x 1.5rem su radice 13px = 9.75px
   per lato. Dentro il .table-responsive della view, che ha overflow-x:auto, quei margini
   sporgono e producono uno scorrimento di ~10px su OGNI tabella.

   Azzerando il gutter i controlli restano allineati ai bordi della tabella, che la
   propria .table-responsive interna di DataTables gia' gestisce.
   ------------------------------------------------------------------------------------ */
.table-responsive > .dt-container > .row {
    --bs-gutter-x: 0;
}

/* ------------------------------------------------------------------------------------
   2. Contenuto su fondo grigio chiaro, schede bianche (decisione utente 2026-10-03).

   Con il fondo bianco del tema demo61 le card bianche si confondevano con la pagina e i
   gruppi non si distinguevano. Come in EdilOffice: area del contenuto grigio-azzurro
   molto chiaro, intestazione e menu laterale bianchi, schede bianche con bordo un po'
   piu' definito e ombra leggera. Solo tema chiaro: il tema scuro resta quello nativo.
   Vale per tutti i layout applicativi (stessi id kt_app_* in ogni area).
   ------------------------------------------------------------------------------------ */
:root:not([data-bs-theme="dark"]) #kt_app_wrapper,
:root:not([data-bs-theme="dark"]) #kt_app_main {
    background-color: #F2F4F8 !important;
}

:root:not([data-bs-theme="dark"]) #kt_app_header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E4E7EE;
}

:root:not([data-bs-theme="dark"]) #kt_app_sidebar {
    background-color: #FFFFFF !important;
}

:root:not([data-bs-theme="dark"]) .app-content .card {
    background-color: #FFFFFF;
    border-color: #E4E7EE !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04) !important;
}