/* VECC 360 22.2.9 — lecture et navigation sur téléphone */
.mobile-fold{margin:14px 0;border:1px solid #dce8f2;border-radius:14px;background:#fff}
.mobile-fold>summary{cursor:pointer;font-weight:700;color:#123f68;padding:14px;min-height:48px;box-sizing:border-box;list-style-position:inside}
.mobile-fold[open]>summary{border-bottom:1px solid #dce8f2}
.mobile-fold>.mobile-fold-body{padding:12px;min-width:0}
#signalEditModal .timeline-item,#caseDetailModal .timeline-item,#opsDetailModal .timeline-item{display:block!important;min-width:0;overflow-wrap:anywhere}
@media(max-width:860px){
 /* Un seul conteneur défile : la fenêtre, y compris titre, formulaire et historique. */
 .modal>.dialog,dialog.dialog:not(#veccAssistantPanel)[open]{
  display:block!important;overflow-y:auto!important;overflow-x:hidden!important;
  max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;
  scroll-padding-top:140px;scroll-padding-bottom:100px;
  padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
 }
 .modal>.dialog>form,dialog.dialog:not(#veccAssistantPanel)>form{
  display:block!important;height:auto!important;max-height:none!important;min-height:0!important;
  overflow:visible!important;flex:none!important;
 }
 .dialog>.dialog-body,.dialog>.modal-body,.dialog>[data-modal-scroll],.dialog>.comm360-preview{
  display:block!important;overflow:visible!important;max-height:none!important;min-height:0!important;
 }
 .dialog .dialog-head{position:static!important;display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:10px}
 .dialog .dialog-head>div{flex:1 1 180px;min-width:0}
 .dialog .dialog-head h2{font-size:1.2rem!important;line-height:1.3;overflow-wrap:anywhere}
 .dialog .dialog-head .btn{width:auto!important;min-width:88px!important}
 .dialog .form-actions{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;grid-template-columns:none!important}
 .dialog .form-actions .btn{flex:1 1 150px;width:auto!important;min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
 .dialog .btn,.content .btn,.mobile-fold>summary{min-height:46px!important;line-height:1.35}
 .dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;max-width:100%;box-sizing:border-box}
 .dialog :is(.mini,.detail-box,.muted,.timeline-item,.field,.member-head,.member-head-actions){min-width:0;overflow-wrap:anywhere}
 .dialog .timeline-item{grid-template-columns:36px minmax(0,1fr)!important}
 .dialog .timeline-item:not(:has(.timeline-icon)){display:block!important}
 .dialog .timeline-item strong,.dialog .timeline-item small{white-space:normal!important;word-break:normal!important}
 .dialog :is(.detail-grid,.member-summary-grid){grid-template-columns:minmax(0,1fr)!important}
 .topbar{position:static!important;padding:10px 12px!important}
 .top-actions{gap:6px!important}
 .top-actions .btn{min-height:44px!important;padding:9px!important;font-size:.9rem!important}
 .top-actions #globalSearchQuickBtn{grid-column:auto!important}
 .ops-row-actions{display:flex;flex-wrap:wrap;gap:8px}
 .ops-row-actions .btn{flex:1 1 140px;white-space:normal}
 #signalReadDetails{white-space:pre-wrap;line-height:1.5}
 /* Le bouton flottant laisse la place à la fenêtre et à ses commandes. */
 body:has(.modal.open) #veccAssistantBtn,body:has(dialog[open]:not(#veccAssistantPanel)) #veccAssistantBtn{display:none!important}
}