/* ============================================================
   Personalizzazioni CFM sopra il tema NexLink.
   Caricato dopo styles.css.
============================================================ */

/* Su desktop il menu del gestionale resta SEMPRE esteso (icone + testo).
   Il toggle « nell'header lo collassa a sole icone (data-app-sidebar="mini"),
   dove riprendono le regole native del template. */
@media (min-width: 1200px) {
  :root:not([data-app-sidebar="mini"]) {
    --app-menubar-tabs: 320px;
  }
  :root:not([data-app-sidebar="mini"]) .app-menubar-tabs .app-tab-content {
    left: 80px;
  }
  /* L'header segue già la variabile; il main ha un margine fisso
     via media query del template (max-width:1480px), quindi lo forzo. */
  :root:not([data-app-sidebar="mini"]) :has(.app-menubar-tabs) .app-wrapper {
    margin-left: var(--app-menubar-tabs) !important;
  }
}
/* Il gestionale non usa un footer: il contenuto occupa tutta l'altezza utile. */
.app-wrapper {
  min-height: calc(100vh - var(--app-header-height));
}

/* Opt-in: pareggia l'altezza delle card affiancate in una riga (es. KPI).
   Era il default NexLink, tolto perché stirava le card nelle pagine con
   colonne sbilanciate; qui resta disponibile dove serve davvero. */
.card.card-eq {
  height: calc(100% - var(--bs-gutter-x));
}