/* ======================================================================
   Collega - CSS overrides (avatar istituzionali, link, buttons)
   Palette AGID: verde #00703C, rosso #B3242F, oro #C79A2E
   ====================================================================== */
:root, .cpd-theme-light, .cpd-theme-dark {
  /* Avatar: palette istituzionale (verdi/oro/rosso tenui) */
  --cpd-color-bg-decorative-1:#E9F1EB;--cpd-color-text-decorative-1:#1F4D33;--cpd-color-border-decorative-1:#C9DCCE;
  --cpd-color-bg-decorative-2:#E4F1E8;--cpd-color-text-decorative-2:#00633A;--cpd-color-border-decorative-2:#BFD9C8;
  --cpd-color-bg-decorative-3:#DFEDE3;--cpd-color-text-decorative-3:#155B3C;--cpd-color-border-decorative-3:#B4D2BF;
  --cpd-color-bg-decorative-4:#F1E8D8;--cpd-color-text-decorative-4:#7A5E1F;--cpd-color-border-decorative-4:#DCC98F;
  --cpd-color-bg-decorative-5:#E4EDE7;--cpd-color-text-decorative-5:#3A5A46;--cpd-color-border-decorative-5:#C4D6C9;
  --cpd-color-bg-decorative-6:#E7EAE6;--cpd-color-text-decorative-6:#41494F;--cpd-color-border-decorative-6:#C6CCC7;

  /* Surface / canvas */
  --cpd-color-bg-canvas-default:#FFFFFF;--cpd-color-bg-canvas-disabled:#EEF0EC;
  --cpd-color-bg-subtle-primary:#EEF0EC;--cpd-color-bg-subtle-secondary:#E4F1E8;

  /* Text */
  --cpd-color-text-primary:#1B1B19;--cpd-color-text-secondary:#41494F;
  --cpd-color-text-action-accent:#00633A;--cpd-color-text-action-primary:#1B1B19;

  /* Borders */
  --cpd-color-border-default:#EEF0ED;--cpd-color-border-interactive-primary:#D9DEDA;

  /* Accent */
  --cpd-color-bg-accent-rest:#00703C;--cpd-color-bg-accent-hovered:#00633A;
  --cpd-color-text-on-solid-primary:#FFFFFF;--cpd-color-icon-accent-primary:#00703C;
}

/* Vecchi selettori (pre-CPD) - stessa palette istituzionale */
.mx_Username_color1{color:#1F4D33!important}
.mx_Username_color2{color:#00633A!important}
.mx_Username_color3{color:#155B3C!important}
.mx_Username_color4{color:#7A5E1F!important}
.mx_Username_color5{color:#3A5A46!important}
.mx_Username_color6{color:#41494F!important}
.mx_Username_color7{color:#00633A!important}
.mx_Username_color8{color:#155B3C!important}

/* Link inline verde istituzionale */
a,.mx_EventTile_content a,.mx_Markdown a{color:#00633A!important;text-decoration-color:rgba(0,99,58,.35)!important}
a:hover{color:#00703C!important;text-decoration-color:#00703C!important}

/* Bottoni disabled */
.mx_AccessibleButton_kind_primary[disabled],.mx_AccessibleButton_kind_primary_sm[disabled],button[disabled]{background-color:#EEF0EC!important;color:#9AA1A6!important}

/* Chip spotlight */
.mx_SpotlightDialog_filter{background-color:#EEF0EC!important;color:#1B1B19!important;border-radius:8px!important}

/* Collega - Bordo tra sidebar/roomlist e main area */
.mx_LeftPanel, .mx_SpacePanel {
  border-right: 1px solid #DCE3DD !important;
}

/* Collega - SpacePanel (sidebar stretta sinistra).
   Tricolore verticale come nell'app: verde in alto → velo rosso tenue in fondo. */
/* Firma tricolore verticale SOLO sulla barra stretta: verde (alto) → velo rosso
   tenue (fondo), smorzato (~18%) per restare istituzionale. */
.mx_SpacePanel {
  background:
    linear-gradient(180deg, transparent 0%, transparent 55%, rgba(205, 33, 42, 0.10) 85%, rgba(205, 33, 42, 0.18) 100%),
    linear-gradient(90deg, #E4F1E8 0%, #E9F1EB 70%, #DCEBE0 100%) !important;
  box-shadow: inset -2px 0 4px rgba(0, 112, 60, 0.06) !important;
  border-right: 1px solid #C9DCCE !important;
}

/* Pannello lista stanze: solo il verdino tenue (il rosso resta la firma della barra stretta). */
.mx_LeftPanel {
  background: linear-gradient(90deg, #F2F5F1 0%, #F2F5F1 85%, #E4F1E8 100%) !important;
  border-right: 1px solid #DCE3DD !important;
  box-shadow: inset -2px 0 4px rgba(0, 112, 60, 0.04) !important;
}

/* Collega - barra tricolore SOTTO l'header della lista, a tutta larghezza (firma PA).
   Element 1.12.22 "newUi": l'header è `nav.mx_RoomListPanel > header` (classi interne
   hashed/instabili → aggancio la classe stabile mx_RoomListPanel). Rimossa dal
   SpacePanel (barra stretta) dove appariva come mozzicone da ~65px. */
.mx_RoomListPanel > header {
  position: relative;
}
.mx_RoomListPanel > header::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #008C45 0 33.3%, #F4F5F0 33.3% 66.6%, #CD212A 66.6% 100%);
}


/* ============================================================
   Collega — Privacy: nascondere lista membri/persone
   ============================================================ */

/* Bottone "Persone" nell'header della stanza */
.mx_LegacyRoomHeader_button[aria-label="Persone"],
.mx_LegacyRoomHeader_button[aria-label="People"],
.mx_RoomHeader_button[aria-label="Persone"],
.mx_RoomHeader_button[aria-label="People"],
.mx_RoomHeader_toggleButton[aria-label="Persone"],
.mx_RoomHeader_toggleButton[aria-label="People"] {
  display: none !important;
}

/* Pannello "Persone" (right panel) */
.mx_MemberList,
.mx_RightPanel .mx_MemberList,
.mx_BaseCard .mx_MemberList {
  display: none !important;
}

/* Voce "Persone/Members" nel pannello info stanza */
.mx_RoomSummaryCard_icon_people,
.mx_RoomSummaryCard_appsGroup .mx_AccessibleButton[aria-label*="Persone"],
.mx_RoomSummaryCard_appsGroup .mx_AccessibleButton[aria-label*="Members"],
.mx_RoomSummaryCard button[aria-label*="people" i],
.mx_RoomSummaryCard button[aria-label*="persone" i],
.mx_RoomSummaryCard button[aria-label*="member" i],
.mx_RoomSummaryCard button[aria-label*="membri" i] {
  display: none !important;
}

/* Avatar facepile (la pillola "X membri") */
.mx_RoomSummaryCard_avatar_facepile,
.mx_FacePile {
  display: none !important;
}

/* Read receipts (avatar dei messaggi letti) */
.mx_ReadReceiptGroup,
.mx_EventTile_readAvatars {
  display: none !important;
}

/* ============================================================
   Collega — Privacy v2: classi compound Element 1.12.x
   ============================================================ */

/* Bottone "Persone" nel pannello info (menu compound)
   Element ora usa span con testo "Persone". Selezioniamo il button
   che contiene quel testo. */
button[role="menuitem"]:has(span:is([class*="_typography_"])):has(svg) {
  /* Non possiamo ancora filtrare per testo via CSS standard, vedi sotto */
}

/* Soluzione robusta: CSS :has() + testo via attribute non funziona,
   ma possiamo nascondere TUTTI i menuitem con icona "person" usando
   l'aria-label del bottone. Cerca in Italiano e Inglese. */
button[role="menuitem"][aria-label*="Persone" i],
button[role="menuitem"][aria-label*="People" i],
button[role="menuitem"][aria-label*="Members" i],
button[role="menuitem"][aria-label*="Membri" i] {
  display: none !important;
}

/* Bottone "i" (info) nell'header della stanza, che apre il pannello
   summary -- se vuoi nasconderlo del tutto agli utenti normali */
/* button[aria-label*="info" i][aria-label*="stanza" i],
   button[aria-label*="info" i][aria-label*="room" i] {
     display: none !important;
   } */

/* Right panel "Persone" header - quando il pannello membri è aperto */
aside[aria-label*="Persone" i],
aside[aria-label*="People" i],
[role="complementary"][aria-label*="Persone" i],
[role="complementary"][aria-label*="People" i] {
  display: none !important;
}

/* === Collega: logo home page ingrandito (26 apr 2026) === */
/* Default Element renderizza il logo a height 48px → wordmark "iSwiss"
   diventa illeggibile (3 puntini rossi). Ingrandiamo a 180px così
   il logo è ben visibile sulla welcome page Cartier. */
.mx_HomePage_default img {
  display: none !important;
  width: auto !important;
  max-width: 80% !important;
  margin-bottom: 24px;
}
/* === end iSwiss home logo === */

/* ============================================================
   Collega — TOKEN UNICI (14/07): sorgente di verità sola per i Compound
   Design Tokens (--cpd-*). Accorpa qui accent + critical + surface subtle,
   prima sparsi in più blocchi :root. Le regole per singole classi Element
   (.mx_AccessibleButton_kind_danger, ecc.) restano sotto come fallback dove
   i token non bastano; il colore, però, si cambia SOLO qui.
   ============================================================ */
:root,
.cpd-theme-light,
.cpd-theme-dark {
  /* Accent → verde PA */
  --cpd-color-bg-action-primary-rest: #00703C !important;
  --cpd-color-bg-action-primary-hovered: #00633A !important;
  --cpd-color-bg-action-primary-pressed: #00522C !important;
  --cpd-color-text-action-accent: #00703C !important;
  --cpd-color-icon-accent-primary: #00703C !important;
  --cpd-color-border-interactive-primary: #00703C !important;
  /* Critical → rosso AGID */
  --cpd-color-bg-critical-primary: #B3242F !important;
  --cpd-color-bg-critical-hovered: #C0313C !important;
  --cpd-color-bg-critical-pressed: #8F1C25 !important;
  --cpd-color-bg-critical-subtle: #F3E0E2 !important;
  --cpd-color-bg-critical-subtle-hovered: #E9CFD3 !important;
  --cpd-color-text-critical-primary: #B3242F !important;
  --cpd-color-text-on-solid-critical-primary: #FFFFFF !important;
  --cpd-color-icon-critical-primary: #B3242F !important;
  --cpd-color-border-critical-primary: #B3242F !important;
  --cpd-color-border-critical-subtle: #E0B9BE !important;
  /* Superfici sottili → neutre (non più verdi) */
  --cpd-color-bg-subtle-primary: #F4F5F3 !important;
  --cpd-color-bg-subtle-secondary: #FAFAF9 !important;
}

/* Bottone invio messaggio (la freccina dentro la chat) */
.mx_MessageComposer_sendMessage {
  background-color: #00703C !important;
}
.mx_MessageComposer_sendMessage:hover {
  background-color: #00633A !important;
}

/* Fallback: qualunque elemento con accent verde Element default */
[style*="#0DBD8B"] {
  color: #00703C !important;
}
/* === end accent override === */

/* === Collega: critical/danger → rosso AGID (token nel blocco unico in cima) === */
/* Fallback diretti su classi Element più comuni */
.mx_AccessibleButton_kind_danger,
.mx_AccessibleButton_kind_danger_outline,
button[data-kind="destructive"],
.cpd-button[data-kind="destructive"] {
  background-color: #B3242F !important;
  border-color: #B3242F !important;
}

.mx_AccessibleButton_kind_danger:hover,
.mx_AccessibleButton_kind_danger_outline:hover,
button[data-kind="destructive"]:hover {
  background-color: #C0313C !important;
  border-color: #C0313C !important;
}

/* Link "Disconnetti" e simili (testo rosso, no sfondo) */
.mx_AccessibleButton_kind_link_critical,
.mx_AccessibleButton_kind_danger_inline,
a[data-kind="critical"] {
  color: #B3242F !important;
}

/* === end critical rosso === */

/* === Collega: testo bianco su critical rosso AGID === */
/* Forza testo bianco su tutti i bottoni critical/danger rossi */
.mx_AccessibleButton_kind_danger,
.mx_AccessibleButton_kind_danger_outline,
button[data-kind="destructive"],
.cpd-button[data-kind="destructive"] {
  color: #FFFFFF !important;
}

.mx_AccessibleButton_kind_danger *,
.mx_AccessibleButton_kind_danger_outline *,
button[data-kind="destructive"] *,
.cpd-button[data-kind="destructive"] * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* SVG icone dentro bottoni critical → bianco */
.mx_AccessibleButton_kind_danger svg,
button[data-kind="destructive"] svg {
  color: #FFFFFF !important;
  fill: currentColor !important;
}
/* === end testo critical bianco === */

/* === Tooltip validation: bianco + testo nero, bordo verde PA === */
[role="tooltip"],
.mx_Tooltip,
.cpd-tooltip {
    background-color: #FFFFFF !important;
    color: #1B1B19 !important;
    border: 1px solid #00703C !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[role="tooltip"] *,
.mx_Tooltip *,
.cpd-tooltip * {
    color: #1B1B19 !important;
}

/* Freccetta del tooltip (se presente) */
[role="tooltip"]::before,
[role="tooltip"]::after,
.mx_Tooltip_chevron,
.cpd-tooltip-arrow {
    border-color: #00703C !important;
    background-color: #FFFFFF !important;
}

/* Icona "X" / warning dentro al tooltip — mantieni verde PA per accent */
[role="tooltip"] svg,
.mx_Tooltip svg,
.cpd-tooltip svg {
    color: #00703C !important;
    fill: #00703C !important;
}

/* === Bordo sottile sul rettangolo arrotondato dello SpaceButton attivo === */
.mx_SpaceButton_selectionWrapper {
  border-width: 1px !important;
}

.mx_SpaceButton.mx_SpaceButton_active .mx_SpaceButton_selectionWrapper,
.mx_SpaceButton[aria-selected="true"] .mx_SpaceButton_selectionWrapper {
  border-width: 1px !important;
}

/* === Override colore selezione SpaceButton: rosso Element → verde PA === */

/* Indicatore active (sia colore esterno bordo che barretta a sinistra) */
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_active::before,
.mx_SpacePanel .mx_SpaceButton[aria-selected="true"]::before {
  background-color: #00703C !important;
}

/* Bordo del wrapper esterno quando selezionato */
.mx_SpacePanel .mx_SpaceItem .mx_SpaceButton.mx_SpaceButton_active .mx_SpaceButton_selectionWrapper,
.mx_SpacePanel .mx_SpaceItem .mx_SpaceButton[aria-selected="true"] .mx_SpaceButton_selectionWrapper {
  border-color: #00703C !important;
  outline-color: #00703C !important;
}

/* Override CSS variable Element accent (se usata) */
.mx_SpacePanel {
  --cpd-color-bg-action-primary-rest: #00703C;
  --cpd-color-icon-accent-tertiary: #00703C;
}

/* Casetta home: forza l'aria-selected="true" quando hash è #/home, via JS */

/* === Casetta home: niente bordo "active" (rimane sempre uguale) === */
#__iswiss_home_button_injected .mx_SpaceButton_selectionWrapper {
  border-color: transparent !important;
  outline: none !important;
}

#__iswiss_home_button_injected .mx_SpaceButton.mx_SpaceButton_active::before,
#__iswiss_home_button_injected .mx_SpaceButton[aria-selected="true"]::before {
  display: none !important;
}

/* FINAL FIX sidebar Collega */

/* elimina barra e fondo rosso/rosato di selezione */
.mx_SpacePanel li[role="treeitem"][aria-selected="true"],
.mx_SpacePanel li[role="treeitem"],
.mx_SpacePanel .mx_SpaceItem,
.mx_SpacePanel .mx_SpaceItem.mx_SpaceItem_active,
.mx_SpacePanel .mx_SpaceButton,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_active,
.mx_SpacePanel .mx_SpaceButton_selectionWrapper {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mx_SpacePanel li[role="treeitem"]::before,
.mx_SpacePanel li[role="treeitem"][aria-selected="true"]::before,
.mx_SpacePanel .mx_SpaceButton::before,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_active::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* mantiene solo il bordo verde PA delle icone */
#__iswiss_home_button_injected .mx_BaseAvatar,
.mx_SpacePanel .mx_SpaceButton_selectionWrapper {
  border-color: #00703C !important;
}

/* centra i blocchi senza deformare loghi/immagini */
.mx_SpacePanel li[role="treeitem"],
.mx_SpacePanel .mx_SpaceItem,
#__iswiss_home_button_injected {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}


/* Uniforma Home button al layout nativo Element */
#__iswiss_home_button_injected {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 6px auto !important;
  padding: 0 !important;
}

/* stesso contenitore avatar */
#__iswiss_home_button_injected .mx_BaseAvatar {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* dimensione icona uguale a Element */
#__iswiss_home_button_injected svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}


/* Allineamento definitivo Home + iS nella sidebar */
.mx_SpacePanel ul[role="tree"] > li,
#__iswiss_home_button_injected {
  width: 40px !important;
  height: 40px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.mx_SpacePanel .mx_SpaceButton,
.mx_SpacePanel .mx_SpaceButton_selectionWrapper,
.mx_SpacePanel .mx_SpaceButton_avatarWrapper,
.mx_SpacePanel .mx_BaseAvatar,
#__iswiss_home_button_injected .mx_BaseAvatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Non spostare più immagini/loghi */
.mx_SpacePanel img {
  transform: none !important;
}




/* ============================================================
   Collega — Sidebar consolidata (28 apr 2026)
   Sostituisce ~100 righe di regole spacing/centering precedenti.
   La casetta home è ora la nativa "Tutte le chat" di Element 1.12,
   stilata coerente con iS La Suite.
   ============================================================ */

/* Bordo verde PA su tutti gli avatar SpaceItem (iS La Suite, etc.)
   gemello del bordo della casetta home nativa */
.mx_SpacePanel .mx_SpaceItem:not(#__iswiss_home_button_injected) .mx_BaseAvatar {
  border-radius: 8px !important;
  border: 1.5px solid #00703C !important;
}

/* Gap uniforme 10px tra i bottoni della SpacePanel */
.mx_SpacePanel ul[data-rbd-droppable-id="top-level-spaces"] > li + li {
  margin-top: 10px !important;
}

/* Plus più vicino: compensa il vuoto interno dell'icona */
.mx_SpacePanel ul[data-rbd-droppable-id="top-level-spaces"] > li.mx_SpaceItem_new {
  margin-top: 0px !important;
}

/* Avvicina l'intero blocco a UserMenu */
.mx_SpacePanel ul[data-rbd-droppable-id="top-level-spaces"] {
  margin-top: 8px !important;
}

/* Centratura li nell'ul (compensa shift di 5px verso sinistra) */
.mx_SpacePanel ul[data-rbd-droppable-id="top-level-spaces"] > li {
  position: relative !important;
  left: 5px !important;
}

/* Nascondi dropdown server in dialog "Esplora stanze pubbliche"
   (resta solo iswiss.ch implicito, niente Matrix.org o "Aggiungi server") */
[role="dialog"] .mx_GenericDropdownMenu_button {
  display: none !important;
}

/* Casetta home: rimuovi margin-bottom per uniformare casetta-iS (10px) a iS-+ (10px) */
#__iswiss_home_button_injected {
  margin-bottom: 0 !important;
}

/* Fase 1: nascondi pallino rosso "alert" sulla tab Crittografia di Settings */
.mx_SettingsDialog_tabLabelsAlert::before,
.mx_SettingsDialog_tabLabelsAlert::after {
  display: none !important;
  content: none !important;
}


/* ===================================================================
 * Banner Fase 2 — Configura backup chiavi
 * Stile Cartier discreto: verde tenue + bordo sinistro verde PA
 * =================================================================== */
#__iswiss_recovery_banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 20px 12px 24px;
  background-color: #E9F1EB;
  border-bottom: 2px solid #00703C;

  font-size: 14px;
  line-height: 1.4;
  color: #1B1B19;
  z-index: 1000;
  flex-shrink: 0;
}

#__iswiss_recovery_banner .__iswiss_banner_text {
  flex: 1;
  min-width: 0;
}

#__iswiss_recovery_banner .__iswiss_banner_actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

#__iswiss_recovery_banner .__iswiss_banner_configure {
  background-color: #00703C;
  color: #FFFFFF;
  border: none;
  padding: 8px 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

#__iswiss_recovery_banner .__iswiss_banner_configure:hover {
  background-color: #00522C;
}

#__iswiss_recovery_banner .__iswiss_banner_later {
  color: #00703C;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
}

#__iswiss_recovery_banner .__iswiss_banner_later:hover {
  color: #00522C;
}

@media (max-width: 600px) {
  #__iswiss_recovery_banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* ===================================================================
 * Collega — Soppressione globale toast Element
 * Aggiunto 14 maggio 2026 (Fix C v2, scelta UX banking-style).
 *
 * Element mostra vari toast popup ("Attiva notifiche desktop",
 * "Controlla account", "Verifica dispositivo", ecc.) che si
 * sovrappongono al banner Fase 2 e non sono appropriati per UX HNW.
 *
 * Soppressione totale. Il banner Fase 2 (iSwiss custom) resta visibile
 * e veicola tutte le call-to-action di sicurezza necessarie.
 * =================================================================== */
.mx_ToastContainer,
.mx_Toast,
.mx_Toast_toast {
    display: none !important;
}

/* ===================================================================
 * Collega — Fase 2: nasconde la dialog "Chiave di sicurezza"
 * Strategia A: la 4S non viene proposta all'utente (Tutanota-style).
 * La dialog appare nel primo bootstrap quando Element vuole esportare
 * cross-signing keys in 4S. Bloccarla con CSS la nasconde visualmente.
 * Il bootstrap fallisce silenziosamente (atteso) e l'utente entra in
 * Element senza popup.
 * =================================================================== */
.mx_AccessSecretStorageDialog,
.mx_Dialog_wrapper:has(.mx_AccessSecretStorageDialog),
.mx_Dialog_wrapper:has(.mx_EncryptionCard.mx_AccessSecretStorageDialog) {
    display: none !important;
}

/* Rimuove anche l'overlay scuro di background della dialog quando è di tipo 4S */
.mx_Dialog_background:has(+ .mx_Dialog_wrapper .mx_AccessSecretStorageDialog) {
    display: none !important;
}

/* === Collega — Nasconde toggle theme nel menu utente === */
.mx_UserMenu_contextMenu_themePicker,
.mx_UserMenu_contextMenu_themeButton,
[aria-label="Switch to dark mode"],
[aria-label="Switch to light mode"],
[aria-label="Passa al tema scuro"],
[aria-label="Passa al tema chiaro"] {
    display: none !important;
}

/* Allineamento avatar UserMenu alla colonna SpacePanel (+5px) */
/* rimosso: .mx_UserMenu margin-left 23px (rompeva il nuovo layout newUi 1.12.22) */

/* === Collega: avatar User menu nel nuovo SpacePanel (1.12.22 "newUi") === */
.mx_SpacePanel.newUi .mx_UserMenu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding: 16px 0 !important;          /* respiro simmetrico sopra/sotto */
  margin-bottom: 4px !important;        /* lieve stacco verso la colonna spazi */
  box-sizing: border-box !important;
}
.mx_SpacePanel.newUi .mx_UserMenu button[aria-label="User menu"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  transform: translateX(4px) !important; /* allineamento fine con gli SpaceButton sotto */
}


/* ============================================================
   Collega — nascondere pulsante "Conversazioni/Threads"
   nell header della stanza (poco utile in chat 1:1, e confondibile
   col fumetto "Messaggi"). Scelta Sergio 25/06: nasconderlo ovunque.
   ============================================================ */
.mx_RoomHeader button[aria-label="Conversazioni"],
.mx_RoomHeader button[aria-label="Threads"],
.mx_LegacyRoomHeader_button[aria-label="Conversazioni"],
.mx_LegacyRoomHeader_button[aria-label="Threads"] {
  display: none !important;
}

/* ============================================================
   Collega — Icona pulsante "Messaggi" (chat in chiamata):
   sostituita con il fumetto dei Thread (piu bello). Scelta Sergio 25/06.
   Copre label "Messaggi" (post-traduzione) e "Chat" (pre-refresh/EN).
   ============================================================ */
.mx_RoomHeader button[aria-label="Messaggi"] svg,
.mx_RoomHeader button[aria-label="Chat"] svg {
  display: none !important;
}
.mx_RoomHeader button[aria-label="Messaggi"]::before,
.mx_RoomHeader button[aria-label="Chat"]::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDNoMTZhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDZsLTIuMjkzIDIuMjkzYy0uNjMuNjMtMS43MDcuMTg0LTEuNzA3LS43MDdWNWEyIDIgMCAwIDEgMi0ybTMgN2gxMHEuNDI0IDAgLjcxMi0uMjg3QS45Ny45NyAwIDAgMCAxOCA5YS45Ny45NyAwIDAgMC0uMjg4LS43MTNBLjk3Ljk3IDAgMCAwIDE3IDhIN2EuOTcuOTcgMCAwIDAtLjcxMy4yODdBLjk3Ljk3IDAgMCAwIDYgOXEwIC40MjQuMjg3LjcxM1E2LjU3NiAxMCA3IDEwbTAgNGg2cS40MjQgMCAuNzEzLS4yODdBLjk3Ljk3IDAgMCAwIDE0IDEzYS45Ny45NyAwIDAgMC0uMjg3LS43MTNBLjk3Ljk3IDAgMCAwIDEzIDEySDdhLjk3Ljk3IDAgMCAwLS43MTMuMjg3QS45Ny45NyAwIDAgMCA2IDEzcTAgLjQyNC4yODcuNzEzUTYuNTc2IDE0IDcgMTQiLz48L3N2Zz4=") center / contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00IDNoMTZhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDZsLTIuMjkzIDIuMjkzYy0uNjMuNjMtMS43MDcuMTg0LTEuNzA3LS43MDdWNWEyIDIgMCAwIDEgMi0ybTMgN2gxMHEuNDI0IDAgLjcxMi0uMjg3QS45Ny45NyAwIDAgMCAxOCA5YS45Ny45NyAwIDAgMC0uMjg4LS43MTNBLjk3Ljk3IDAgMCAwIDE3IDhIN2EuOTcuOTcgMCAwIDAtLjcxMy4yODdBLjk3Ljk3IDAgMCAwIDYgOXEwIC40MjQuMjg3LjcxM1E2LjU3NiAxMCA3IDEwbTAgNGg2cS40MjQgMCAuNzEzLS4yODdBLjk3Ljk3IDAgMCAwIDE0IDEzYS45Ny45NyAwIDAgMC0uMjg3LS43MTNBLjk3Ljk3IDAgMCAwIDEzIDEySDdhLjk3Ljk3IDAgMCAwLS43MTMuMjg3QS45Ny45NyAwIDAgMCA2IDEzcTAgLjQyNC4yODcuNzEzUTYuNTc2IDE0IDcgMTQiLz48L3N2Zz4=") center / contain no-repeat;
}

/* iSwiss fix (audit UI): primary button-links (es. Gestisci account) ereditavano il colore link #8B2420 su sfondo verde. Ripristina testo on-solid bianco. */
a.mx_AccessibleButton_kind_primary,a.mx_AccessibleButton_kind_primary_sm{color:var(--cpd-color-text-on-solid-primary)!important}

/* iSwiss fix (audit UI): avatar utente (S) nella space bar era ~4px piu a destra dei pulsanti spazio sotto. Allinea al centro dei pulsanti. */
.mx_SpacePanel .mx_UserMenu{transform:translateX(-4px)}

/* Collega - nasconde l'icona di stato crittografia (i/scudo) accanto a ogni messaggio.
   Allarmava inutilmente ("autenticità non verificabile") su chat di servizio e bot;
   la cifratura E2E resta attiva, si toglie solo l'indicatore visivo. Scelta UX
   banking-style, coerente con la soppressione dei toast. */
.mx_EventTile_e2eIcon { display: none !important; }

/* ============================================================
   PULIZIA DESIGN (11/07) — meno verde, più sobrio.
   Il verde era diffuso ovunque (fondo messaggi, gradient pannelli, veli):
   sovraccarico. Qui si SOTTRAE: superfici pulite, verde solo come accento.
   ============================================================ */

/* Messaggi: via il fondo verde pieno + barra spessa. Solo barra sinistra sottile
   per gli evidenziati (menzioni), su fondo trasparente. */
.mx_EventTile_highlight,
.mx_EventTile_highlight .mx_EventTile_line,
.mx_EventTile[data-highlight="true"] .mx_EventTile_line {
  background-color: transparent !important;
  box-shadow: none !important;
}
.mx_EventTileBubble,
.mx_EventTileBubble .mx_EventTileBubble_content {
  background: transparent !important;
}

/* Superfici "sottili": token nel blocco unico in cima (accorpati 14/07). */

/* Pannelli: fondo pulito e piatto (via gradient verdi e velo rosso). */
.mx_SpacePanel {
  background: #EDF3EE !important;
  box-shadow: none !important;
}
.mx_LeftPanel {
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* Barra tricolore RIFATTA BENE: il bianco centrale ora è un avorio leggero (#F0EFEA)
   con contorno sottile, così i tre segmenti si leggono e non "collassa" più in due
   trattini. Staccata dal bordo (bottom 4px, inset laterale) per non toccare i filtri. */
.mx_RoomListPanel > header {
  position: relative;
  padding-bottom: 16px !important;
}
.mx_RoomListPanel > header::after {
  display: block !important;
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #008C45 0 33.33%, #F0EFEA 33.33% 66.66%, #CD212A 66.66% 100%);
  box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.07);
}
/* Respiro tra la barra tricolore e la riga dei filtri (Non lette/Persone/...) */
.mx_RoomListPanel [class*="roomListPrimaryFilters"] {
  margin-top: 12px !important;
}

/* Avatar utente "S": azzera i vecchi transform (-4px/+4px, fix di UI precedenti)
   che con la newUi lo spostavano; lascia il centraggio naturale del pannello. */
.mx_SpacePanel .mx_UserMenu,
.mx_SpacePanel.newUi .mx_UserMenu,
.mx_SpacePanel.newUi .mx_UserMenu button[aria-label="User menu"] {
  transform: none !important;
}

/* Allineamento SpaceButton (M, +) alla colonna centrale come l'avatar "S":
   un vecchio `left: 5px` (fix UI precedente) li spostava a destra. Azzerato. */
.mx_SpacePanel ul[data-rbd-droppable-id="top-level-spaces"] > li,
.mx_SpacePanel li[role="treeitem"],
.mx_SpacePanel .mx_SpaceItem {
  left: 0 !important;
  position: relative !important;
}

/* ============================================================
   Collega — Rifinitura "stile Apple" (14/07): respiro, materiali,
   profondità sobria. Additivo e conservativo (Element Web 1.12.22,
   tema chiaro forzato). Deferenza al contenuto: la cornice arretra.
   ============================================================ */

/* Respiro nel testo dei messaggi (il contenuto prima di tutto) */
.mx_EventTile_content,
.mx_EventTile .mx_EventTile_body,
.mx_BasicMessageComposer_input {
  line-height: 1.55 !important;
}

/* Header stanza: materiale traslucido con blur (macOS-like), hairline sotto */
.mx_RoomHeader {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: saturate(1.4) blur(20px);
  backdrop-filter: saturate(1.4) blur(20px);
  border-bottom: 1px solid #E8EAE4 !important;
}

/* Compositore: un filo più d'aria nella pill del messaggio */
.mx_MessageComposer_wrapper {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Profondità sobria: ombra morbida che stacca la timeline dalla lista
   (niente riquadri: solo un accenno di rilievo, stile macOS). */
.mx_RoomView {
  box-shadow: -8px 0 24px -22px rgba(20, 30, 22, 0.18) !important;
}

/* Movimento con significato: una sola curva morbida su hover dei controlli */
.mx_AccessibleButton,
.mx_RoomTile,
.mx_SpaceButton {
  transition: background-color .18s cubic-bezier(.32,.72,0,1),
              color .18s cubic-bezier(.32,.72,0,1) !important;
}
@media (prefers-reduced-motion: reduce) {
  .mx_AccessibleButton, .mx_RoomTile, .mx_SpaceButton { transition: none !important; }
}