/* =====================================================================
   CENSEA CLARITY — portale Dipendenti: solo il colore di accento
   ---------------------------------------------------------------------
   Tema: base comune (censea-clarity-base.css) + parte dei portali utente
   (censea-portali.css), pubblicate da common\assets\ClarityPortaliAsset.
   Qui il verde del portale (scelta del 2026-09-18) al posto del blu: la
   sidebar navy e tutto il resto restano quelli dello staff.
   ===================================================================== */
:root {
    --cc-brand:      #28a745;
    --cc-brand-ink:  #218838;
    --cc-brand-tint: rgba(40,167,69,.12);
    --cc-sb-accent:  #6fdc8c;
}

/* Profilo: righe etichetta / valore. Col float-right di AdminLTE un valore lungo (il nome
   dell'azienda) finiva attaccato all'etichetta: «AziendaPICCOLE MERAVIGLIE…». */
.box-profile .list-group-item { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; }
.box-profile .list-group-item > b { flex: 0 0 auto; }
.box-profile .list-group-item > .float-right { float: none !important; text-align: right; min-width: 0; overflow-wrap: anywhere; }

/* App sul telefono (css/pwa-tema.css, lo stesso dello staff): comandi pieni e tema scuro nel verde
   del portale. html:root pesa piu' di :root e di html[data-tema] usati la', che arriva dopo. */
html:root {
    --app-azione:      #28a745;
    --app-azione-viva: #218838;
}
/* Tema scuro (css/tema-scuro.css): qui vale anche da computer, quindi niente media query. */
html:root[data-tema="scuro"] {
    --cc-brand:        #3ccf6e;
    --cc-brand-ink:    #6fdc8c;
    --cc-brand-tint:   rgba(60, 207, 110, .17);
    --app-azione:      #1f9d4a;
    --app-azione-viva: #198a40;
}
/* Sul telefono il saluto della dashboard e' nella testata dell'app («Ciao, Nome»). */
@media (max-width: 768px) { .employee-dashboard > .cc-phead { display: none; } }