/**
 * Projet         : MageTicket
 * Fichier        : public/assets/css/routing.css
 * Rôle           : Styles du centre routage/SLA, tableaux de risque et assistant responsive bord à bord.
 * Auteur         : Régis KREMER
 * Version        : 0.33.2
 * Version projet : 0.33.0
 * Lot            : MAGETICKET ROUTING SLA OPERATIONAL ACTIONS UI COMPLETION1
 * Base requise   : 0.33.0 + MAGETICKET MODULES END TO END FUNCTIONAL AUDIT1
 * Créé le        : 2026-07-22
 * Modifié le     : 2026-07-25
 * Dépendances    : variables du design system MageTicket
 * Contraintes    : peu d’arrondis ; aucun débordement horizontal ; zones sûres ; thèmes clair/sombre
 * Modifications  : ajout des grilles et éditeurs opérationnels en réutilisant strictement les tokens et composants existants.
 */
.routing-shell{min-height:100%;background:var(--bg,#081426);color:var(--text,#edf4ff)}.routing-panel small{color:var(--muted,#8ea2bc)}.routing-main{padding:18px;max-width:1720px;margin:auto}.routing-feedback{padding:12px 14px;border-left:4px solid;margin-bottom:14px}.routing-feedback.error{border-color:#f45b69;background:color-mix(in srgb,#f45b69 12%,transparent)}.routing-feedback.success{border-color:#3bd39b;background:color-mix(in srgb,#3bd39b 12%,transparent)}.routing-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line,#23364e);margin-bottom:14px}.routing-kpis article{padding:13px 15px;border-right:1px solid var(--line,#23364e);display:grid;gap:2px;background:var(--surface,#0d1b2e)}.routing-kpis article:last-child{border:0}.routing-kpis span{font-size:var(--fs-lg);font-weight:800}.routing-kpis strong{font-size:var(--fs-xs);color:var(--muted,#8ea2bc);text-transform:uppercase;letter-spacing:.04em}.routing-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:14px;margin-bottom:14px}.routing-panel{border:1px solid var(--line,#23364e);background:var(--surface,#0d1b2e);min-width:0}.routing-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line,#23364e)}.routing-panel h1,.routing-panel h2,.routing-panel h3{margin:0}.routing-panel h1,.routing-panel h2{font-size:var(--fs-base)}.eyebrow{font-size:var(--fs-xs);color:#6eb7ff;text-transform:uppercase;letter-spacing:.09em}.routing-table-wrap{overflow:auto;max-width:100%}.routing-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.routing-table-wrap th,.routing-table-wrap td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line,#23364e);font-size:var(--fs-xs)}.routing-table-wrap th{position:sticky;top:0;background:var(--surface-2,#11233a);color:var(--muted,#8ea2bc);font-size:var(--fs-xs);text-transform:uppercase}.routing-table-wrap td a{display:grid;color:inherit;text-decoration:none;gap:2px}.routing-table-wrap td a span{color:var(--muted,#8ea2bc)}.routing-badge{display:inline-flex;padding:3px 7px;border:1px solid var(--line,#334a66);font-size:var(--fs-xs);text-transform:capitalize}.priority-critical,.state-breached{border-color:#f45b69;color:#ff8993}.priority-high,.state-at_risk{border-color:#f0a541;color:#ffc36e}.priority-medium{border-color:#7e8cff;color:#aab4ff}.priority-low,.state-active,.state-met{border-color:#39c98d;color:#63e0ae}.routing-empty{padding:34px 18px;text-align:center;display:grid;gap:5px}.routing-empty span{color:var(--muted,#8ea2bc)}.summary-columns{display:grid;grid-template-columns:1fr 1fr}.summary-columns>div{padding:14px}.summary-columns>div+div{border-left:1px solid var(--line,#23364e)}.summary-columns h3{font-size:var(--fs-xs);margin-bottom:9px}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line,#23364e) 70%,transparent)}.summary-row span{display:grid;gap:2px}.summary-row em{font-size:var(--fs-xs);color:var(--muted,#8ea2bc);font-style:normal}.wizard-panel{margin-bottom:14px}.wizard-panel form{min-height:380px;display:grid;grid-template-rows:1fr auto}.routing-step{padding:20px 18px}.routing-step h3{margin:0 0 18px}.step-index{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #3d8ede;margin-bottom:10px}.routing-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.routing-form-grid label,.compact-form label{display:grid;gap:6px;font-size:var(--fs-xs);color:var(--muted,#8ea2bc)}.routing-form-grid input,.routing-form-grid select,.routing-form-grid textarea,.compact-form input,.compact-form select{width:100%;border:1px solid var(--line,#334a66);background:var(--surface-2,#11233a);color:inherit;padding:10px;min-height:42px}.routing-form-grid .wide{grid-column:1/-1}.check-row{display:flex!important;align-items:center!important;grid-auto-flow:column;justify-content:start}.check-row input{width:auto!important;min-height:auto!important}.wizard-panel footer{padding:12px 16px;border-top:1px solid var(--line,#23364e);display:flex;justify-content:flex-end;gap:8px}.routing-wizard-errors{color:#ff8993;padding:0 18px}.routing-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.routing-review div{border-left:3px solid #3d8ede;background:var(--surface-2,#11233a);padding:10px}.secondary-grid{grid-template-columns:1fr 1fr}.compact-form{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-form button{align-self:end}.mini-list,.timeline-list{padding:0 14px 14px}.mini-list>div,.timeline-list>div{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line,#23364e);align-items:center}.operation-row{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line,#23364e)}.operation-row div{display:grid;gap:4px}.operation-row span{color:var(--muted,#8ea2bc);font-size:var(--fs-xs)}.timeline-list h3{font-size:var(--fs-sm);margin:14px 0}.timeline-list>div{grid-template-columns:auto 1fr}.timeline-list small{grid-column:2}.routing-panel :focus-visible{outline:3px solid #80bfff;outline-offset:2px}@media(max-width:1100px){.routing-kpis{grid-template-columns:repeat(3,1fr)}.routing-kpis article:nth-child(3){border-right:0}.routing-kpis article:nth-child(-n/**/+3){border-bottom:1px solid var(--line,#23364e)}.routing-grid,.secondary-grid{grid-template-columns:1fr}.routing-form-grid,.compact-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.routing-main{padding:0 0 max(16px,env(safe-area-inset-bottom))}.routing-kpis{border-left:0;border-right:0;grid-template-columns:repeat(2,1fr)}.routing-kpis article:nth-child(n){border-right:1px solid var(--line,#23364e);border-bottom:1px solid var(--line,#23364e)}.routing-kpis article:nth-child(even){border-right:0}.routing-grid{gap:0;margin:0}.routing-panel{border-left:0;border-right:0}.wizard-panel form{min-height:calc(100dvh - 126px)}.routing-step{padding:18px max(14px,env(safe-area-inset-right)) 100px max(14px,env(safe-area-inset-left))}.routing-form-grid,.compact-form,.summary-columns,.routing-review{grid-template-columns:1fr}.summary-columns>div+div{border-left:0;border-top:1px solid var(--line,#23364e)}.wizard-panel footer{position:sticky;bottom:0;background:var(--surface,#0d1b2e);padding-bottom:max(12px,env(safe-area-inset-bottom))}.operation-row{align-items:stretch;flex-direction:column}.operation-row button{width:100%}.mini-list>div{grid-template-columns:1fr auto}.mini-list>div span{grid-column:1/-1}}
.routing-network,.routing-loading{position:sticky;top:64px;z-index:19;padding:10px 14px;border-left:4px solid #f0a541;background:var(--surface-2,#11233a);font-size:var(--fs-xs)}.routing-loading{border-color:#3d8ede}.routing-network[hidden],.routing-loading[hidden]{display:none}.saved-views-panel{margin-bottom:14px}.routing-shell{overflow-x:hidden}.routing-step[hidden]{display:none!important}.compact-form[aria-busy="true"],.wizard-panel form[aria-busy="true"]{opacity:.72;pointer-events:none}@media(max-width:760px){.routing-network,.routing-loading{top:calc(58px + env(safe-area-inset-top));border-left:0;border-bottom:1px solid var(--line,#23364e)}.saved-views-panel{margin-bottom:0}.routing-table-wrap{-webkit-overflow-scrolling:touch}}

.routing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 10px}.routing-section-heading h2{margin:3px 0 0;font-size:var(--fs-lg)}.routing-section-heading p{margin:5px 0 0;color:var(--muted,#8ea2bc);font-size:var(--fs-xs)}.routing-operational-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.routing-action-panel>header h3,.routing-management-panel>header h3{font-size:var(--fs-base);margin:0}.routing-assignment-form .wide,.routing-pause-form .wide,.routing-editor-form .wide{grid-column:1/-1}.routing-assignment-form select[multiple],.routing-editor-form select[multiple]{min-height:132px}.routing-sla-control-list{display:grid}.routing-sla-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.25fr);gap:14px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line,#23364e)}.routing-sla-control:last-child{border-bottom:0}.routing-sla-control__identity{display:grid;gap:4px;min-width:0}.routing-sla-control__identity span,.routing-inline-note{color:var(--muted,#8ea2bc);font-size:var(--fs-xs)}.routing-pause-form{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(220px,1.4fr) auto;gap:9px;align-items:end}.routing-pause-form label{display:grid;gap:6px;font-size:var(--fs-xs);color:var(--muted,#8ea2bc)}.routing-pause-form input,.routing-pause-form select{width:100%;border:1px solid var(--line,#334a66);background:var(--surface-2,#11233a);color:inherit;padding:10px;min-height:42px}.routing-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.routing-editor{border-bottom:1px solid var(--line,#23364e)}.routing-editor:last-child{border-bottom:0}.routing-editor>summary{cursor:pointer;list-style:none;padding:12px 15px;font-size:var(--fs-sm);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}.routing-editor>summary::-webkit-details-marker{display:none}.routing-editor>summary::after{content:'+';font-size:var(--fs-lg);color:var(--muted,#8ea2bc)}.routing-editor[open]>summary::after{content:'−'}.routing-editor[open]>summary{background:var(--surface-2,#11233a);border-bottom:1px solid var(--line,#23364e)}.routing-editor-form{grid-template-columns:repeat(3,minmax(0,1fr))}.routing-editor-form>button{justify-self:start}.routing-week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.routing-week-grid fieldset,.routing-escalations fieldset,.routing-priority-fieldset{min-width:0;border:1px solid var(--line,#334a66);padding:10px}.routing-week-grid legend,.routing-escalations legend,.routing-priority-fieldset legend{padding:0 6px;font-size:var(--fs-xs);font-weight:700}.routing-week-grid fieldset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.routing-week-grid fieldset label{min-width:0}.routing-week-grid input[type=time]{min-width:0}.routing-holidays{display:grid;gap:8px}.routing-holidays>div{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(220px,1fr);gap:8px}.routing-priority-fieldset{display:flex;flex-wrap:wrap;gap:10px}.routing-escalations{display:grid;gap:9px}.routing-escalations>strong,.routing-holidays>strong{font-size:var(--fs-sm)}.routing-escalations fieldset{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.routing-editor-form [readonly]{opacity:.8}.routing-editor-form option[hidden],.routing-assignment-form option[hidden]{display:none}.routing-operation-empty{padding:18px;color:var(--muted,#8ea2bc)}
@media(max-width:1300px){.routing-editor-form{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-escalations fieldset{grid-template-columns:repeat(3,minmax(0,1fr))}.routing-week-grid fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.routing-operational-grid,.routing-management-grid{grid-template-columns:1fr}.routing-sla-control{grid-template-columns:1fr}.routing-pause-form{grid-template-columns:1fr 1fr}.routing-pause-form button{grid-column:1/-1;justify-self:start}.routing-week-grid{grid-template-columns:1fr}}
@media(max-width:760px){.routing-section-heading{padding:0 14px;margin-top:16px}.routing-operational-grid,.routing-management-grid{gap:0;margin:0}.routing-action-panel,.routing-management-panel{border-top:0}.routing-editor-form{grid-template-columns:1fr;padding:14px}.routing-escalations fieldset,.routing-week-grid fieldset,.routing-holidays>div,.routing-pause-form{grid-template-columns:1fr}.routing-sla-control{padding:14px}.routing-sla-control form,.routing-sla-control button{width:100%}.routing-priority-fieldset{display:grid;grid-template-columns:1fr}.routing-editor>summary{min-height:48px}}