fix(planif): rangée de quart compacte (champs HH:MM à largeur fixe) — fini le scroll horizontal

Les inputs heure de la rangée de quart (.pcm-time) n'avaient pas de largeur → ils prenaient toute
la place et poussaient « total h » + ✕ hors du menu (scroll horizontal). Largeur fixe 58px + centré,
box-sizing border-box. La rangée début → fin + total + ✕ tient maintenant dans le menu 300px, comme
l'éditeur de préréglage. Override redondant .pcm-preset-editor .pcm-time retiré.

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

apps/ops/src/components/planif/PlanifCellMenu.vue

@@ -181,7 +181,7 @@ function clearAll () { rows.value = []; overlap.value = false; clearTimeout(emit
 .pcm-editlink { display: inline-flex; align-items: center; gap: 3px; margin-top: 4px; font-size: 11px; font-weight: 600; color: #4338ca; cursor: pointer; user-select: none; } /* lien vers l'éditeur de compétences en chips (section rôle) */
 .pcm-editlink:hover { text-decoration: underline; }
 .pcm-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
-.pcm-time { border: 1px solid #cbd5e1; border-radius: 6px; padding: 3px 6px; font-size: 13px; font-family: inherit; }
+.pcm-time { width: 58px; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 6px; padding: 3px 6px; font-size: 13px; font-family: inherit; text-align: center; } /* largeur fixe « HH:MM » → la rangée de quart tient dans le menu (fini le débordement/scroll horizontal) */
 .pcm-sep { color: #94a3b8; }
 .pcm-h { color: #64748b; font-size: 12px; font-weight: 600; margin-left: auto; }
 .pcm-empty { font-size: 11.5px; color: #94a3b8; font-style: italic; margin: 2px 0 4px; }
@@ -196,7 +196,6 @@ function clearAll () { rows.value = []; overlap.value = false; clearTimeout(emit
 .pcm-preset-edit:hover { opacity: 1; }
 .pcm-preset-editor { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 5px; padding: 4px 6px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; }
 .pcm-preset-lbl { flex-basis: 100%; font-size: 11px; font-weight: 600; color: #475569; white-space: nowrap; } /* label sur sa propre ligne → début → fin + ✓/✕ tiennent en dessous (menu 300px) */
-.pcm-preset-editor .pcm-time { width: 52px; }
 /* « Vider » = action destructive du jour → visible (rouge outline) mais pas dominante, pour éviter les clics accidentels. */
 .pcm-clear { letter-spacing: 0.2px; }
 .pcm-clear:hover { background: #fef2f2; }