feat(ui): T3 audit — anti-débordement mobile app-wide (bornes app.scss @<600px)

Champs à largeur fixe inline (style="width:NNNpx") bornés à max-width:100% (jamais étirés de force) ;
q-menu .q-list borné ; boutons icône denses ≥32px (cible tactile) ; utilitaires opt-in .ops-row-wrap / .ops-clamp.
(Dialogues + menus déjà couverts par audit #1.) Vérifié à 375px : fiche/Tickets/Rapports/Sous-traitants ≈0 débordement
horizontal, aucune casse visuelle. NOTE : Network reste large (structurel — carte cytoscape/arbre GPON → traité par-page en T7).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

apps/ops/src/css/app.scss

@@ -250,6 +250,15 @@ body {
      softphone (PhoneModal) + panneau d'affectation (Planification). */
   .phone-modal { width: auto !important; left: 12px !important; right: 12px !important; max-width: calc(100vw - 24px) !important; }
   .assign-panel { max-width: calc(100vw - 20px) !important; }
+  /* T3 audit 2026-07-04 — anti-débordement app-wide (BORNES seulement, jamais d'étirement forcé) :
+     champs à largeur fixe inline (style="width:NNNpx" : recherches, dates, nombres) bornés à l'espace dispo. */
+  .q-field[style*="width"] { max-width: 100% !important; }
+  .q-menu .q-list { max-width: 100% !important; }
+  /* Cibles tactiles : boutons icône denses ≥ 32px (confort au doigt). */
+  .q-btn--round.q-btn--dense { min-height: 32px; min-width: 32px; }
+  /* Utilitaires opt-in pour rangées/en-têtes denses : wrap + troncature 1 ligne sur mobile (à poser au cas par cas). */
+  .ops-row-wrap { flex-wrap: wrap !important; }
+  .ops-clamp { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
 }
 
 /* ──────────────────────────────────────────────────────────────────────────