/* Modalità mobile RAM Connect
   Elenco, conversazione e scheda cliente diventano livelli distinti. */
.btn-mobile-indietro,.btn-mobile-cliente,.btn-mobile-chiudi-cliente,.overlay-mobile-cliente{display:none}
.pannello-laterale-comandi{display:flex;align-items:center;gap:3px}

@media(max-width:900px){
  html,body{width:100%;height:100%;height:100dvh;overflow:hidden}
  body{overscroll-behavior:none}
  #app{width:100%;height:100%;height:100dvh;min-width:0;overflow:hidden}

  .topbar{position:relative;z-index:20;height:56px;flex-basis:56px;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding:6px 8px;border-bottom:1px solid var(--bordo-tenue)}
  .topbar-brand{padding:0;justify-content:center}.topbar-logo{width:34px;height:34px}.topbar-brand-copy,.topbar-brand>.badge-non-lette{display:none}
  .topbar-search-wrap{min-width:0;max-width:none}.topbar-search-wrap #ricerca{height:42px;padding:0 38px;font-size:13px;border-radius:12px}.search-icon{left:13px}.search-help-btn{right:3px;width:34px;height:34px}
  .ricerca-help{position:fixed;left:8px;right:8px;top:54px;width:auto;max-height:70dvh;overflow:auto}
  .topbar-operatore{justify-content:center}.account-button{width:38px;min-width:38px;height:38px;padding:2px;border:0}.account-copy,.account-chevron{display:none}.account-menu{position:fixed;top:53px;right:7px;max-width:calc(100vw - 14px)}

  .layout,.layout.layout-senza-dettaglio,.layout.pannello-compresso{position:relative;display:block;flex:1;min-width:0;min-height:0;padding:0;overflow:hidden}
  .colonna-elenco,.colonna-dettaglio{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0!important;background:#fff}
  .layout:not(.mobile-vista-dettaglio) .colonna-dettaglio,.layout.mobile-vista-elenco .colonna-dettaglio{display:none}
  .layout.mobile-vista-dettaglio .colonna-elenco{display:none}

  .elenco-header{padding:10px 12px 7px}.elenco-titolo{font-size:16px}.elenco-sottotitolo{font-size:10.5px}.elenco-header-azioni{flex-direction:row;gap:5px}.elenco-header-azioni .btn{height:36px;padding:0 11px}
  .account-sidebar{max-height:none;display:flex;flex-direction:row;gap:7px;padding:6px 10px 9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;border-bottom:1px solid var(--bordo-tenue);scrollbar-width:none}.account-sidebar::-webkit-scrollbar{display:none}.account-sidebar>button{flex:0 0 min(78vw,280px);min-height:50px;padding:7px 9px;scroll-snap-align:start;border:1px solid #e6eaf0}.account-sidebar>button.attivo{border-color:#c8daf8}.account-sidebar>button .account-nav-copy strong{font-size:12.5px}.account-sidebar>button .account-nav-copy small{font-size:9.8px}
  .filtri{padding:8px 9px 9px}.filtri-stato{margin-bottom:7px}.filtro-stato-btn{height:34px}.filtri-riga{gap:6px;flex-wrap:wrap}.filtri-riga select{height:38px;min-width:0}.btn-svuota-spam{flex:1 0 100%;height:36px}
  .lista-conversazioni{padding:5px 4px 12px;overscroll-behavior:contain}.riga-conv{margin:2px 3px;min-height:68px;padding:10px 8px}.riga-conv-layout{gap:9px}.riga-conv-nome{font-size:13px}.riga-conv-anteprima{font-size:11.5px}.riga-conv-meta{margin-top:5px}

  .dettaglio-header{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:5px;row-gap:7px;min-height:0;padding:7px 8px 6px;border-radius:0!important}
  .btn-mobile-indietro{display:flex;grid-column:1;grid-row:1;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#4b5157;cursor:pointer}.btn-mobile-indietro:active{background:#edf1f5}.btn-mobile-indietro svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .dettaglio-header-info{grid-column:2;grid-row:1;gap:6px;overflow:hidden}.dettaglio-header-copy{min-width:0;flex:1}.dettaglio-header-nome{font-size:15px}.dettaglio-header-recapito{max-width:100%;font-size:10.5px;margin-top:2px}.dettaglio-header-canali{display:none}
  .dettaglio-header-azioni{grid-column:1/-1;grid-row:2;width:100%;gap:3px;padding:1px 0 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.dettaglio-header-azioni::-webkit-scrollbar{display:none}.dettaglio-header-azioni>*{flex:0 0 auto}.dettaglio-header-azioni .btn-icon{width:38px;height:38px}.dettaglio-header-azioni .btn-piccolo{height:36px;padding:0 10px}.dettaglio-header-azioni .btn-toolbar{height:36px;padding:0 9px}.dettaglio-header-azioni .btn-toolbar-label{display:none}
  .btn-mobile-cliente{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid #d9dfe7;border-radius:18px;background:#fff;color:#3c4043;font:inherit;font-size:11px;cursor:pointer}.btn-mobile-cliente svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

  .dettaglio-contenuto{height:100%;min-height:0}.flusso-messaggi{padding:9px 7px 22px;gap:7px;overscroll-behavior:contain;scroll-padding-bottom:70px}.email-message{border-radius:9px}.email-message-header,.email-message.email-collapsed .email-message-header{min-height:55px;padding:10px 34px 9px 10px}.email-message-header::after{right:11px;top:12px}.email-message-avatar,.email-message-header>.avatar-operatore{display:none}.email-message-mittente{font-size:12px}.email-message-dettagli,.email-message-preview{font-size:9.8px}.email-message-body{padding:6px 10px 13px;font-size:13px;line-height:1.5}.email-html-frame{max-width:100%}.mittente-avviso{margin:0 10px 9px;font-size:11px}.messaggi-collegati{margin-left:0;margin-right:0}.email-message-stato-wrap{align-items:flex-start}.email-programmata-azioni{width:100%}.btn-coda{padding:7px 10px}
  .timeline-gruppo{width:96%}.timeline-gruppo>summary{justify-content:flex-start;overflow:hidden}.timeline-gruppo-operatore{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-gruppo>summary time{margin-left:auto}.email-testo-semplice{max-width:100%}
  .azioni-risposta-email{position:relative;z-index:8;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #dfe4ea}.azioni-risposta-email-interno{width:100%;gap:6px}.btn-risposta-email{flex:1;min-width:0;height:40px;padding:0 7px;justify-content:center;font-size:11px;white-space:nowrap}
  .form-risposta{position:relative;z-index:9;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#f5f7fa}.form-risposta-interno{width:100%;max-height:72dvh;border-radius:10px;overflow:auto}.campi-destinatari{flex-wrap:wrap;padding:7px 8px}.destinatari-risposta-riga{grid-template-columns:18px minmax(90px,auto);flex-basis:100%}.destinatari-risposta-riga>.destinatari-editor{grid-column:1/-1;width:100%}.campi-cc-espansi{grid-template-columns:1fr;flex-basis:100%}.editor-toolbar{min-height:40px;padding:3px 5px;overflow-x:auto;flex-wrap:nowrap}.editor-toolbar button{flex:0 0 auto;min-height:32px}.editor-email{min-height:130px;max-height:42dvh;padding:11px;overflow:auto}.form-risposta-azioni{align-items:flex-end;flex-wrap:wrap;padding:7px}.composer-azioni-sinistra{flex:1 1 100%;overflow-x:auto;padding-bottom:2px}.form-risposta-spazio{display:none}.send-split{margin-left:auto}.btn-composer span:not(.composer-icon),.allegati-label span{display:none}.firma-composer{flex:0 0 auto}.firma-composer select{max-width:145px}

  .colonna-laterale{display:flex!important;position:fixed;z-index:160;inset:0 0 0 auto;width:min(92vw,390px);height:100dvh;padding:13px 11px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:16px 0 0 16px!important;background:#f8fafc;box-shadow:-12px 0 36px rgba(30,34,40,.24);transform:translateX(105%);transition:transform .2s ease;overflow-y:auto}.colonna-laterale[hidden]{display:none!important}.layout.mobile-cliente-aperto .colonna-laterale{transform:translateX(0)}
  .colonna-laterale.compresso{padding:13px 11px;overflow-y:auto}.colonna-laterale.compresso .pannello-laterale-titolo{height:auto;writing-mode:horizontal-tb;justify-content:space-between}.colonna-laterale.compresso .scheda-cliente,.colonna-laterale.compresso .sezioni-cliente{display:flex}.colonna-laterale.compresso .scheda-cliente{display:block}
  #btnComprimiPannello{display:none}.btn-mobile-chiudi-cliente{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#4f555b;font-size:25px;cursor:pointer}.btn-mobile-chiudi-cliente:active{background:#eceff3}.pannello-laterale-titolo{position:sticky;top:-13px;z-index:2;margin:-13px -11px 9px;padding:11px 12px 8px;background:#f8fafc;border-bottom:1px solid #e1e5ea}
  .overlay-mobile-cliente{position:fixed;z-index:150;inset:0;display:block;border:0;background:rgba(27,31,36,.43);backdrop-filter:blur(1px)}.overlay-mobile-cliente[hidden]{display:none!important}

  .modale-overlay{align-items:flex-end;padding:0}.modale-box{box-sizing:border-box;width:100%;max-width:100%;max-height:92dvh;margin:0;border-radius:18px 18px 0 0;overflow:auto;padding-left:16px;padding-right:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .modale-nuova-email,.modale-rubrica,.modale-filtri-etichette,.modale-amministrazione,.modale-automazioni-aziendali,.modale-firme{width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;padding-left:14px;padding-right:14px}
  .modale-nuova-email>.admin-header,.modale-rubrica>.admin-header,.modale-filtri-etichette>.admin-header,.modale-amministrazione>.admin-header,.modale-automazioni-aziendali>.admin-header,.modale-firme>.admin-header{position:sticky;top:0;z-index:10;margin:0 -14px;padding:13px 14px 10px;background:#fff;border-bottom:1px solid var(--bordo-tenue)}
  .modale-nuova-email>.admin-header{padding-top:9px;padding-bottom:7px}.modale-nuova-email>.admin-header p{display:none}
  #formNuovaEmail>.modale-azioni{bottom:calc(-12px - env(safe-area-inset-bottom));margin-left:-14px;margin-right:-14px;padding:8px 14px calc(9px + env(safe-area-inset-bottom))}.campi-cc-nuova,.opzioni-invio-nuova{grid-template-columns:1fr}.editor-email-nuova{min-height:clamp(130px,24dvh,210px)}.allegati-nuova-email{align-items:center;flex-direction:row}.allegati-limite{margin-left:0}
  .rubrica-barra{padding:10px 0}.lista-rubrica{max-height:none;padding-left:0;padding-right:0}.rubrica-riga{grid-template-columns:34px minmax(0,1fr) auto}.rubrica-dettagli{margin-left:44px;margin-right:4px}#formImportaRubrica{margin-left:0;margin-right:0}
  .tab-personali{padding:0 8px}.pannello-tab-personale{padding:12px 8px 18px}.sezione-personale-intro{align-items:flex-start}.form-etichetta{grid-template-columns:minmax(0,1fr) 42px auto}.filtro-campi-principali,.form-filtro-personale .filtro-blocco+.filtro-blocco{grid-template-columns:1fr}.azioni-filtro-check,.lista-filtri-personali{grid-template-columns:1fr}.condizione-filtro{grid-template-columns:1fr}.filtro-impostazioni{align-items:flex-start;flex-direction:column}.azioni-form-filtro{position:sticky;bottom:0;z-index:2}
  .admin-account-form,.admin-account-editor{grid-template-columns:1fr}.admin-permessi{grid-template-columns:1fr}.modale-azioni-doppie{align-items:stretch;flex-direction:column-reverse}.modale-azioni-doppie>div{display:flex;justify-content:flex-end}
  .btn,.btn-piccolo,input,select{min-height:38px}
}

@media(max-width:900px){
  .maniglia-larghezza-elenco{display:none}
  .dettaglio-bozza-header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px 5px;padding:7px 8px}.dettaglio-bozza-header .btn-mobile-indietro{display:flex;grid-column:1;grid-row:1}.dettaglio-bozza-header-copy{grid-column:2;grid-row:1}.dettaglio-bozza-azioni{grid-column:1/-1;grid-row:2;justify-content:flex-end;padding:1px 0 2px}.dettaglio-bozza-azioni .btn{min-height:36px}.dettaglio-bozza-scroll{padding:9px 7px 22px}.scheda-dettaglio-bozza{min-height:calc(100dvh - 180px);padding:17px 14px;border-radius:9px}.dettaglio-bozza-campi{grid-template-columns:1fr}.dettaglio-bozza-campo{grid-template-columns:62px minmax(0,1fr)}
  .rubrica-contenuto{display:block;overflow:auto}.lista-rubrica{max-height:45dvh;border-right:0;border-bottom:1px solid var(--bordo-tenue)}.rubrica-dettaglio{min-height:38dvh;padding:16px}.rubrica-dettaglio-campi{grid-template-columns:1fr}.rubrica-dettaglio-azioni{bottom:-16px;margin-left:-16px;margin-right:-16px;margin-bottom:-16px;padding-left:16px;padding-right:16px}
  .composer-email-overlay{align-items:flex-end;justify-content:center;padding:0;pointer-events:none}.composer-email-overlay .modale-nuova-email{pointer-events:auto;width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0}.composer-email-overlay.composer-ridotto{inset:auto 0 0;width:100%;height:58px}.composer-email-overlay.composer-ridotto .modale-nuova-email{width:100%;height:58px;border-radius:14px 14px 0 0}
  .composer-email-overlay.composer-email-integrato{position:static;width:100%;height:100%;pointer-events:auto}.composer-email-overlay.composer-email-integrato .modale-nuova-email{height:100%;border-radius:0}.composer-email-overlay.composer-email-integrato .modale-nuova-email>.admin-header{position:sticky;top:0;margin:0;padding:10px 9px}.composer-email-overlay.composer-email-integrato .composer-elimina-bozza{min-height:34px;padding:0 9px;font-size:10.5px}
  .menu-altre-azioni{position:fixed;top:auto;right:8px;bottom:10px;left:8px;width:auto}.azioni-conversazione-altro{position:static}
}