/* Sezioni richiudibili sul telefono (mobile_sections.js, restyling 2026-10-11). I pulsanti esistono solo sotto i
   768px: lo script li toglie sopra, quindi su schermi larghi queste regole non trovano nulla. Tema glicine. */
@media (max-width:767px){
  [data-ms] > .ms-toggle{
    /* !important: lo stile generico dei pulsanti del tema (nrc_aurora.css) ha un selettore con ID più forte */
    display:flex; align-items:center; gap:10px; width:100%; min-height:48px!important; margin:0; padding:10px 4px!important;
    background:transparent!important; border:0!important; border-radius:10px; color:var(--t-text, #E6EAF2); text-align:left; cursor:pointer;
    font:inherit; font-size:15px; font-weight:700; letter-spacing:.01em; transform:none; box-shadow:none;
  }
  [data-ms] > .ms-toggle:focus-visible{outline:2px solid var(--t-accent, #9DB2FF); outline-offset:2px}
  [data-ms] > .ms-toggle .ms-title{flex:1 1 auto; min-width:0}
  [data-ms] > .ms-toggle .ms-state{font-size:12px; font-weight:600; color:var(--t-muted, #8A94A8)}
  [data-ms] > .ms-toggle .ms-chevron{flex:none; color:var(--t-accent, #9DB2FF); transition:transform .2s ease}
  [data-ms][data-ms-collapsed] > .ms-toggle .ms-chevron{transform:rotate(-90deg)}
  /* chiusa: resta solo il pulsante */
  [data-ms][data-ms-collapsed] > :not(.ms-toggle){display:none!important}
  [data-ms][data-ms-collapsed]{padding-top:4px!important; padding-bottom:4px!important}
  /* aperta: niente spazio vuoto sopra il pulsante (che da solo è già alto 48px), es. "Piani da approvare" */
  [data-ms]:not([data-ms-collapsed]){padding-top:2px!important}
  [data-ms]:not([data-ms-collapsed]) > .ms-toggle{margin-bottom:-4px}
  /* sezioni senza un riquadro proprio (il vetro è sulla scheda interna): da chiuse prendono quello delle altre */
  :is(#brokerSection, #agentDesk .ad-top)[data-ms][data-ms-collapsed]{background:var(--t-surface, rgba(255,255,255,.03));
    border:1px solid var(--t-border, rgba(255,255,255,.07)); border-radius:14px; padding:4px 14px!important}
  /* aperta: il titolo originale identico al pulsante non si ripete */
  [data-ms] .ms-dup-title{display:none!important}
}
@media (prefers-reduced-motion: reduce){ [data-ms] > .ms-toggle .ms-chevron{transition:none} }

/* Menu delle schermate (app_shell.js): le icone delle voci si vedono solo sul telefono (barra in basso); sul PC
   le voci restano solo testo come prima. */
.sidebar nav .nav-ico{display:none}
@media (max-width:767px){
  .sidebar nav .nav-ico{display:block}
}