/* V7.6.10 — Visualisation du réseau mobile
   Correctif isolé au modal "Voir le réseau". */
@media (max-width:760px){
  #modal.show:has(.network-tree){padding:0!important;align-items:stretch!important;background:#f7f5ef!important}
  #modal:has(.network-tree) .modal-box{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
  #modal:has(.network-tree) .modal-head{position:relative!important;top:auto!important;padding:calc(10px + env(safe-area-inset-top)) 16px 12px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
  #modal:has(.network-tree) #modalForm{display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:90px!important}
  #modal:has(.network-tree) .network-tree{overflow:visible!important;padding:2px 0 10px!important;min-width:0!important}
  #modal:has(.network-tree) .tree-node{box-sizing:border-box;width:100%!important;min-width:0!important;padding:11px 8px!important;border-radius:12px!important;overflow:hidden;touch-action:manipulation}
  #modal:has(.network-tree) .tree-node strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #modal:has(.network-tree) .tree-node small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #modal:has(.network-tree) .tree-node.root{width:min(210px,72vw)!important;margin:0 auto 16px!important;padding:13px 10px!important}
  #modal:has(.network-tree) .tree-level{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;justify-content:stretch!important;gap:10px!important;min-width:0!important;width:100%!important}
  #modal:has(.network-tree) .tree-branch{display:grid!important;gap:7px!important;min-width:0!important}
  #modal:has(.network-tree) .tree-second{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:0!important;min-width:0!important}
  #modal:has(.network-tree) .tree-second .tree-node{width:100%!important;padding:8px 6px!important;font-size:11px!important;background:#fbfcfb!important}
  #modal:has(.network-tree) .form-actions{position:sticky!important;bottom:0!important;display:block!important;margin:14px -14px calc(-18px - env(safe-area-inset-bottom))!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid var(--line)!important;z-index:3!important}
  #modal:has(.network-tree) .form-actions button{width:100%!important;min-height:44px!important}
}
@media (max-width:380px){
  #modal:has(.network-tree) .tree-level{grid-template-columns:1fr!important}
  #modal:has(.network-tree) .tree-node.root{width:min(220px,82vw)!important}
}