/*
═══════════════════════════════════════════════════════════════════
  TEMA UNIFICATO PER I DIALOG DEL TABLE MANAGER V2
═══════════════════════════════════════════════════════════════════
  
  Questo file sovrascrive lo stile SOLO dei dialog aperti dal TableManagerV2
  (BankEdit, PaymentEdit, etc.) identificati dal suffisso "editDialog" nell'ID.
  
  Altri dialog dell'applicazione mantengono lo stile standard.
  
  IMPORTANTE: Includi questo file DOPO i CSS Syncfusion in _Host.cshtml
  per garantire che le regole abbiano priorità.
  
═══════════════════════════════════════════════════════════════════
*/

/*
GUIDA RAPIDA PERSONALIZZAZIONE (Dialog TableManager)
----------------------------------------------------
1) Selettori target principali:
   - [id$="editDialog"]   => dialog principali pagina tabella
   - [id$="dialogEdit"]   => dialog edit record del grid
   - .e-edit-dialog        => fallback Syncfusion quando l'ID non basta

2) Colore tema:
   - usa --tm-brand-blue nel blocco in fondo al file.
   - cambiando quel valore, aggiorni tutti gli header/card-header dei dialog.

3) Leggibilita testo su header scuro:
   - blocco "LEGGIBILITA" forza testo/icona bianco su header blu.

4) Template custom GridEdit:
   - il blocco "TEMPLATE GRID EDIT" intercetta wrapper diversi
     (.px-3, .container-fluid, style inline con padding/max-width)
     per uniformare tutte le pagine senza patchare ogni Razor.

5) Responsive:
   - i blocchi @media riducono larghezza e altezza contenuto su mobile.
*/

/*
MATRICE DETTAGLIATA SELETTORE -> COMANDI (DIALOG THEME)
--------------------------------------------------------
Nota importante su questo file:
- molte regole hanno !important per battere gli stili Syncfusion/Bootstrap.
- se rimuovi !important, il tema potrebbe non applicarsi su alcune pagine.
- i blocchi verso il fondo file possono sovrascrivere quelli sopra (ordine CSS).

[.e-dialog[id$="editDialog"] ~ .e-dlg-overlay, .e-dialog[id$="dialogEdit"] ~ .e-dlg-overlay]
- background: rgba(...) => scurisce lo sfondo dietro il dialog.
  Se aumenti alpha (0.6 -> 0.8): sfondo piu buio.
- backdrop-filter: blur(4px) => sfoca il contenuto dietro.
  Se aumenti (es. 8px): sfocatura piu intensa.

[.e-dialog[id$="editDialog"], .e-dialog[id$="dialogEdit"]]
- border-radius: 12px => angoli dialog arrotondati.
- box-shadow: 0 10px 40px ... => profondita popup.
- border: 1px solid rgba(...) => bordo sottile per separazione.
- overflow: hidden => ritaglia header/content sugli angoli.

[.e-dlg-header-content (editDialog/dialogEdit)]
- background: #153d77 => sfondo header.
- color: #ffffff => colore testo/icona header.
- padding: 1.25rem 1.5rem => spaziatura interna header.
- border-bottom: none => rimuove linea divisoria sotto header.

[.e-dlg-header (editDialog/dialogEdit)]
- font-size: 1.25rem => dimensione titolo dialog.
- font-weight: 600 => spessore titolo.
- letter-spacing: 0.5px => leggera spaziatura lettere.

[.e-dlg-closeicon-btn]
- color: rgba(255,255,255,0.9) => icona chiusura quasi bianca.
- background: rgba(255,255,255,0.1) => pill traslucida dietro X.
- border-radius: 6px => angoli bottone X.
- transition: all 0.3s ease => hover morbido.

[.e-dlg-closeicon-btn:hover]
- background: rgba(255,255,255,0.2) => hover piu visibile.
- color: #ffffff => icona pienamente bianca.
- transform: rotate(90deg) => animazione rotazione X.

[.e-dlg-content (editDialog/dialogEdit)]
- padding: 1.5rem => spazio interno contenuto form.
- background: #f8f9fa => sfondo area contenuto.
- max-height: calc(100vh - 200px) => altezza massima rispetto viewport.
- overflow-y: auto => scrollbar verticale se necessario.

[scrollbar WebKit contenuto dialog]
- ::-webkit-scrollbar width: 8px => spessore barra.
- ::-webkit-scrollbar-track background + border-radius => aspetto traccia.
- ::-webkit-scrollbar-thumb background + border-radius => aspetto cursore.
- thumb:hover background => colore in hover.

[.e-footer-content (editDialog/dialogEdit)]
- background: #ffffff => footer chiaro.
- border-top: 1px solid #dee2e6 => separatore dal body.
- padding: 1rem 1.5rem => spazio bottoni footer.

[animazioni apertura/chiusura]
- .e-popup-open animation: dialogSlideIn 0.3s ease-out => ingresso morbido.
- .e-popup-close animation: dialogSlideOut 0.2s ease-in => uscita rapida.

[@keyframes dialogSlideIn]
- from: opacity 0 + scale(0.9) + translateY(-20px) => parte piccola/alta/trasparente.
- to: opacity 1 + scale(1) + translateY(0) => stato finale naturale.

[@keyframes dialogSlideOut]
- from: opacity 1 + scale(1) => stato iniziale visibile.
- to: opacity 0 + scale(0.95) => scompare leggermente rimpicciolito.

[.e-dlg-content .card (editDialog/dialogEdit)]
- border: none => elimina bordo standard card.
- box-shadow: 0 2px 8px ... => card interna con rilievo.
- border-radius: 8px => card morbida.
- overflow: hidden => clip contenuto ai bordi.

[.e-dlg-content .card-header (editDialog/dialogEdit)]
- background: #153d77 => header card nel colore tema.
- color: #ffffff => testo header bianco.
- border-bottom: none => no linea separatrice.
- padding: 1rem 1.25rem => spazio interno header card.

[.e-dlg-content .card-title (editDialog/dialogEdit)]
- color: #ffffff => titolo chiaro su sfondo scuro.
- font-weight: 600 => evidenza media.
- margin: 0 => rimuove margine heading default.

[.e-dlg-content .card-body (editDialog/dialogEdit)]
- background: #ffffff => body card bianco.
- padding: 1.5rem => spazio interno form.

[TEMPLATE GRID EDIT wrapper custom]
- selettori multipli (.px-3, .container-fluid, div[style*=...], .defaultnote-edit-form)
  intercettano strutture Razor diverse.
- background: #ffffff => base neutra del wrapper edit.
- border-radius: 8px => angoli morbidi.
- box-shadow: 0 2px 8px ... => stacco dal resto del dialog.
- padding: 1.25rem => spazio interno uniforme.

[label nei wrapper template]
- font-weight: 600 => etichette piu leggibili/evidenti.

[@media (max-width: 768px) per editDialog/dialogEdit]
- width: 95% => dialog quasi full-width mobile.
- max-width: none => evita limite rigido desktop su mobile.
- margin: 1rem => respiro ai bordi viewport.
- .e-dlg-content max-height: calc(100vh - 150px) => riduce altezza utile mobile.

[ALLINEAMENTO CON TABLEMANAGERV2]
- ribadisce background header/card-header a #153d77.
  Se cambi qui e NON sopra, prevale questa versione (per ordine di file).

[COMPATIBILITA STILI ESISTENTI]
- selettore [style*="background-color: aliceblue"] .card-header
  forza il blu tema anche se un inline style tenta aliceblue.

[FALLBACK .e-edit-dialog]
- replica quasi tutte le regole principali per casi senza ID coerenti.
  Le proprieta sono equivalenti ai blocchi editDialog/dialogEdit:
  overlay, container, header, content, footer, card interne, wrapper template, label, responsive.

Dettaglio proprieta fallback:
- overlay: background + backdrop-filter (stesso effetto oscuramento/sfocatura).
- container: border-radius + box-shadow + border + overflow.
- header-content: background + color + padding + border-bottom.
- header: font-size + font-weight + letter-spacing.
- content: padding + background + max-height + overflow-y.
- footer: background + border-top + padding.
- card: border + box-shadow + border-radius + overflow.
- card-header: background + color + border-bottom + padding.
- card-title: color + font-weight + margin.
- card-body: background + padding.
- wrapper custom: background + border-radius + box-shadow + padding.
- label: font-weight.
- responsive: width + max-width + margin + max-height content.

[:root --tm-brand-blue]
- variabile centrale tema dialog.
  Cambiando valore aggiorni tutti i punti che usano var(--tm-brand-blue).

[blocchi finali "COLORE BLU UNICO"]
- header-content: background var + color bianco.
- header: color bianco.
- closeicon: color/background in normale e hover.
- card-header: background var + color bianco + border-bottom none.
- card-title: color bianco.
- scrollbar thumb (normal/hover): background var.
Questi blocchi finali prevalgono su blocchi omologhi definiti sopra.

[blocchi finali "LEGGIBILITA"]
- selettori con '*' forzano color: #ffffff su tutti i figli di header/card-header.
  Se un componente figlio imposta colori propri, qui vengono sovrascritti.
  Utile per garantire contrasto costante su sfondo blu scuro.
*/

/* ═══ OVERLAY SFONDO (solo per dialog delle tabelle) ═══ */
.e-dialog[id$="editDialog"] ~ .e-dlg-overlay,
.e-dialog[id$="dialogEdit"] ~ .e-dlg-overlay {
    background: rgba(0, 0, 0, 0.6) !important; /* Sfondo scuro semi-trasparente */
    backdrop-filter: blur(4px); /* Effetto blur dello sfondo */
}

/* ═══ CONTAINER DIALOG (solo per dialog delle tabelle) ═══ */
.e-dialog[id$="editDialog"],
.e-dialog[id$="dialogEdit"] {
    border-radius: 12px !important; /* Angoli arrotondati */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important; /* Ombra pronunciata */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Bordo sottile */
    overflow: hidden !important;
}

/* ═══ HEADER DIALOG ═══ */
.e-dialog[id$="editDialog"] .e-dlg-header-content,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content {
    background: #153d77 !important;
    color: #ffffff !important;
    padding: 1.25rem 1.5rem !important;
    border-bottom: none !important;
}

.e-dialog[id$="editDialog"] .e-dlg-header,
.e-dialog[id$="dialogEdit"] .e-dlg-header {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Icona chiusura (X) nell'header */
.e-dialog[id$="editDialog"] .e-dlg-header-content .e-dlg-closeicon-btn,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content .e-dlg-closeicon-btn {
    color: rgba(255, 255, 255, 0.9) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.e-dialog[id$="editDialog"] .e-dlg-header-content .e-dlg-closeicon-btn:hover,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content .e-dlg-closeicon-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

/* ═══ CONTENUTO DIALOG ═══ */
.e-dialog[id$="editDialog"] .e-dlg-content,
.e-dialog[id$="dialogEdit"] .e-dlg-content {
    padding: 1.5rem !important;
    background: #f8f9fa !important; /* Sfondo chiaro per contrasto */
    max-height: calc(100vh - 200px) !important; /* Limita altezza per evitare scroll */
    overflow-y: auto !important;
}

/* Scrollbar personalizzata nel contenuto */
.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar {
    width: 8px;
}

.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar-track,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 4px;
}

.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar-thumb,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar-thumb {
    background: #153d77;
    border-radius: 4px;
}

.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar-thumb:hover,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar-thumb:hover {
    background: #153d77;
}

/* ═══ FOOTER DIALOG (se presente) ═══ */
.e-dialog[id$="editDialog"] .e-footer-content,
.e-dialog[id$="dialogEdit"] .e-footer-content {
    background: #ffffff !important;
    border-top: 1px solid #dee2e6 !important;
    padding: 1rem 1.5rem !important;
}

/* ═══ ANIMAZIONI (solo per dialog delle tabelle) ═══ */
.e-dialog[id$="editDialog"].e-popup-open,
.e-dialog[id$="dialogEdit"].e-popup-open {
    animation: dialogSlideIn 0.3s ease-out !important;
}

.e-dialog[id$="editDialog"].e-popup-close,
.e-dialog[id$="dialogEdit"].e-popup-close {
    animation: dialogSlideOut 0.2s ease-in !important;
}

@keyframes dialogSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes dialogSlideOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

/* ═══ CARD INTERNI (contenuto Edit - solo per dialog delle tabelle) ═══ */
.e-dialog[id$="editDialog"] .e-dlg-content .card,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card {
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-header,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-header {
    background: #153d77 !important;
    color: #ffffff !important;
    border-bottom: none !important;
    padding: 1rem 1.25rem !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-title,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-title {
    color: #2c5aa0 !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-body,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-body {
    background: #ffffff !important;
    padding: 1.5rem !important;
}

/* ═══ TEMPLATE GRID EDIT (wrapper custom nei Template) ═══ */
/*
Questa lista ampia di selettori e' voluta: nei vari file Razor il root del Template
puo' cambiare (classi bootstrap o style inline). Qui li normalizziamo in un unico
"card look" (sfondo bianco, bordo arrotondato, ombra, padding).
*/
.e-dialog[id$="editDialog"] .e-dlg-content > .px-3,
.e-dialog[id$="dialogEdit"] .e-dlg-content > .px-3,
.e-dialog[id$="editDialog"] .e-dlg-content > .container-fluid,
.e-dialog[id$="dialogEdit"] .e-dlg-content > .container-fluid,
.e-dialog[id$="editDialog"] .e-dlg-content > div[style*="max-width: 90vw"],
.e-dialog[id$="dialogEdit"] .e-dlg-content > div[style*="max-width: 90vw"],
.e-dialog[id$="editDialog"] .e-dlg-content > div[style*="padding:20px"],
.e-dialog[id$="dialogEdit"] .e-dlg-content > div[style*="padding:20px"],
.e-dialog[id$="editDialog"] .e-dlg-content > div[style*="padding: 20px"],
.e-dialog[id$="dialogEdit"] .e-dlg-content > div[style*="padding: 20px"],
.e-dialog[id$="editDialog"] .e-dlg-content .defaultnote-edit-form,
.e-dialog[id$="dialogEdit"] .e-dlg-content .defaultnote-edit-form {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    padding: 1.25rem !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content > .px-3 label,
.e-dialog[id$="dialogEdit"] .e-dlg-content > .px-3 label,
.e-dialog[id$="editDialog"] .e-dlg-content > .container-fluid label,
.e-dialog[id$="dialogEdit"] .e-dlg-content > .container-fluid label,
.e-dialog[id$="editDialog"] .e-dlg-content > div[style*="padding"] label,
.e-dialog[id$="dialogEdit"] .e-dlg-content > div[style*="padding"] label,
.e-dialog[id$="editDialog"] .e-dlg-content .defaultnote-edit-form label,
.e-dialog[id$="dialogEdit"] .e-dlg-content .defaultnote-edit-form label {
    font-weight: 600;
}

/* ═══ RESPONSIVE (solo per dialog delle tabelle) ═══ */
@media (max-width: 768px) {
    .e-dialog[id$="editDialog"],
    .e-dialog[id$="dialogEdit"] {
        width: 95% !important;
        max-width: none !important;
        margin: 1rem !important;
    }
    
    .e-dialog[id$="editDialog"] .e-dlg-content,
    .e-dialog[id$="dialogEdit"] .e-dlg-content {
        max-height: calc(100vh - 150px) !important;
    }
}

/* ═══ ALLINEAMENTO CON TABLEMANAGERV2 ═══ */
/* Usa lo stesso schema colori del Table Manager */
.e-dialog[id$="editDialog"] .e-dlg-header-content,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content {
    background: #153d77 !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-header,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-header {
    background: #153d77 !important;
}

/* ═══ COMPATIBILITÀ STILI ESISTENTI ═══ */
/* Mantiene compatibilità con eventuali stili inline nei componenti */
.e-dialog[id$="editDialog"][style*="background-color: aliceblue"] .card-header,
.e-dialog[id$="dialogEdit"][style*="background-color: aliceblue"] .card-header {
    background: #153d77 !important;
}

/* ═══ FALLBACK ROBUSTO: Dialog Edit Syncfusion Grid (class-based) ═══ */
/*
Fallback necessario per casi in cui il markup Syncfusion non espone ID coerenti.
Replica le stesse regole principali usando la classe standard .e-edit-dialog.
*/
.e-edit-dialog ~ .e-dlg-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px);
}

.e-edit-dialog {
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    overflow: hidden !important;
}

.e-edit-dialog .e-dlg-header-content {
    background: #153d77 !important;
    color: #ffffff !important;
    padding: 1.25rem 1.5rem !important;
    border-bottom: none !important;
}

.e-edit-dialog .e-dlg-header {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.e-edit-dialog .e-dlg-content {
    padding: 1.5rem !important;
    background: #f8f9fa !important;
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
}

.e-edit-dialog .e-footer-content {
    background: #ffffff !important;
    border-top: 1px solid #dee2e6 !important;
    padding: 1rem 1.5rem !important;
}

.e-edit-dialog .e-dlg-content .card {
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.e-edit-dialog .e-dlg-content .card-header {
    background: #153d77 !important;
    color: #ffffff !important;
    border-bottom: none !important;
    padding: 1rem 1.25rem !important;
}

.e-edit-dialog .e-dlg-content .card-title {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.e-edit-dialog .e-dlg-content .card-body {
    background: #ffffff !important;
    padding: 1.5rem !important;
}

.e-edit-dialog .e-dlg-content > .px-3,
.e-edit-dialog .e-dlg-content > .container-fluid,
.e-edit-dialog .e-dlg-content > div[style*="max-width: 90vw"],
.e-edit-dialog .e-dlg-content > div[style*="padding:20px"],
.e-edit-dialog .e-dlg-content > div[style*="padding: 20px"],
.e-edit-dialog .e-dlg-content .defaultnote-edit-form {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    padding: 1.25rem !important;
}

.e-edit-dialog .e-dlg-content > .px-3 label,
.e-edit-dialog .e-dlg-content > .container-fluid label,
.e-edit-dialog .e-dlg-content > div[style*="padding"] label,
.e-edit-dialog .e-dlg-content .defaultnote-edit-form label {
    font-weight: 600;
}

@media (max-width: 768px) {
    .e-edit-dialog {
        width: 95% !important;
        max-width: none !important;
        margin: 1rem !important;
    }

    .e-edit-dialog .e-dlg-content {
        max-height: calc(100vh - 150px) !important;
    }
}

/* ═══ COLORE BLU UNICO (TableManager + Dialog) ═══ */
:root {
    /* Variabile principale tema: cambia qui per aggiornare tutti i dialog */
    --tm-brand-blue: #153d77;
}

.e-dialog[id$="editDialog"] .e-dlg-header-content,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content,
.e-edit-dialog .e-dlg-header-content {
    background: var(--tm-brand-blue) !important;
    color: #ffffff !important;
}

.e-dialog[id$="editDialog"] .e-dlg-header,
.e-dialog[id$="dialogEdit"] .e-dlg-header,
.e-edit-dialog .e-dlg-header {
    color: #ffffff !important;
}

.e-dialog[id$="editDialog"] .e-dlg-header-content .e-dlg-closeicon-btn,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content .e-dlg-closeicon-btn,
.e-edit-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    color: rgba(255, 255, 255, 0.95) !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.e-dialog[id$="editDialog"] .e-dlg-header-content .e-dlg-closeicon-btn:hover,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content .e-dlg-closeicon-btn:hover,
.e-edit-dialog .e-dlg-header-content .e-dlg-closeicon-btn:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.25) !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-header,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-header,
.e-edit-dialog .e-dlg-content .card-header {
    background: var(--tm-brand-blue) !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-title,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-title,
.e-edit-dialog .e-dlg-content .card-title {
    color: #ffffff !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar-thumb,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar-thumb,
.e-edit-dialog .e-dlg-content::-webkit-scrollbar-thumb {
    background: var(--tm-brand-blue) !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content::-webkit-scrollbar-thumb:hover,
.e-dialog[id$="dialogEdit"] .e-dlg-content::-webkit-scrollbar-thumb:hover,
.e-edit-dialog .e-dlg-content::-webkit-scrollbar-thumb:hover {
    background: var(--tm-brand-blue) !important;
}

/* ═══ LEGGIBILITÀ: testo bianco su aree blu scuro ═══ */
/*
Usa '*' per includere anche icone, span e bottoni nested nell'header.
Serve a evitare testo poco leggibile quando componenti interni impostano colori propri.
*/
.e-dialog[id$="editDialog"] .e-dlg-header-content,
.e-dialog[id$="editDialog"] .e-dlg-header-content *,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content,
.e-dialog[id$="dialogEdit"] .e-dlg-header-content *,
.e-edit-dialog .e-dlg-header-content,
.e-edit-dialog .e-dlg-header-content * {
    color: #ffffff !important;
}

.e-dialog[id$="editDialog"] .e-dlg-content .card-header,
.e-dialog[id$="editDialog"] .e-dlg-content .card-header *,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-header,
.e-dialog[id$="dialogEdit"] .e-dlg-content .card-header *,
.e-edit-dialog .e-dlg-content .card-header,
.e-edit-dialog .e-dlg-content .card-header * {
    color: #ffffff !important;
}