/**
 * MageTicket
 * Fichier        : public/assets/css/omnichannel.css
 * Rôle           : Styles unifiés du centre omnicanal, de la file e-mail et du formulaire embarqué.
 * Auteur         : Régis KREMER
 * Version        : 0.33.68
 * Version projet : 0.33.0
 * Révision       : 0.33.68
 * Lot            : MAGETICKET EMAIL OUTBOX QUEUE RETRY BOUNCE OBSERVABILITY1
 * Base requise   : 0.33.67
 * Créé le        : 2026-07-22
 * Modifié le     : 2026-07-28
 * Dépendances    : variables du design system MageTicket
 * Contraintes    : desktop contractuel ; hauteur disponible ; lower-grid bas ; safe areas ; zéro arrondi ; thèmes clair/sombre
 * Modifications  : états queued/sending/dead_letter, cinq KPI responsive et zéro exposition de charge privée.
 */

.omni-shell{min-height:100dvh;background:var(--bg,var(--bg));color:var(--text,var(--text));display:flex;flex-direction:column}.omni-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800}.omni-brand img{width:42px;height:42px;object-fit:contain}.omni-title small,.omni-panel small{color:var(--muted,var(--muted))}.omni-title h1,.omni-panel h2{margin:2px 0 0}.omni-actions{display:flex;align-items:center;gap:8px}.omni-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:12px}.omni-connection{padding:10px 14px;border:1px solid #f0a34a;background:#3b260d;color:#fff}.omni-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.omni-kpis article{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface,var(--surface));border:1px solid color-mix(in srgb,currentColor 13%,transparent)}.omni-kpis strong{font-size:var(--fs-xl);display:block}.omni-kpis span:last-child{color:var(--muted,var(--muted))}.omni-kpi-icon{font-size:var(--fs-lg)}.omni-queue-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid color-mix(in srgb,currentColor 13%,transparent);background:color-mix(in srgb,currentColor 13%,transparent)}.omni-queue-health>span{display:grid;gap:2px;padding:8px 12px;background:var(--surface,var(--surface));color:var(--muted,var(--muted));font-size:var(--fs-xs)}.omni-queue-health>span strong{color:var(--text,var(--text));font-size:var(--fs-base)}.omni-queue-health>small{grid-column:1/-1;padding:6px 12px;background:var(--surface,var(--surface));color:var(--muted,var(--muted))}.omni-workspace{flex:1;min-height:360px;display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(420px,1.3fr) minmax(260px,.8fr);gap:10px;overflow:hidden}.omni-panel{min-width:0;min-height:0;background:var(--surface,var(--surface));border:1px solid color-mix(in srgb,currentColor 13%,transparent);display:flex;flex-direction:column}.omni-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.omni-panel>header h2{font-size:var(--fs-base)}.omni-table-wrap,.omni-stream-list,.omni-error-list,.omni-compact-list{overflow:auto;min-height:0}.omni-table-wrap{flex:1}.omni-table-wrap table{width:100%;border-collapse:collapse}.omni-table-wrap th,.omni-table-wrap td{padding:11px 12px;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent);vertical-align:top}.omni-table-wrap th{position:sticky;top:0;background:var(--surface,var(--surface));z-index:1;color:var(--muted,var(--muted));font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.omni-state{display:inline-flex;padding:3px 7px;border:1px solid currentColor;font-size:var(--fs-xs);text-transform:uppercase}.omni-state.active,.omni-state.accepted,.omni-state.delivered,.omni-state.sent{color:#59d89b}.omni-state.failed,.omni-state.bounced,.omni-state.dead,.omni-state.dead_letter,.omni-state.quarantined,.omni-state.rejected{color:#ff7e87}.omni-state.queued,.omni-state.sending,.omni-state.draft,.omni-state.unknown{color:#f1bd62}.omni-status-pill,.omni-count{padding:4px 8px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);color:var(--muted,var(--muted));font-size:var(--fs-xs)}.omni-tabs{display:flex}.omni-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;padding:8px 10px}.omni-tabs button[aria-selected=true]{border-color:var(--brand,var(--brand))}.omni-stream-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)}.omni-stream-list strong,.omni-stream-list small{display:block}.omni-stream-list small,.omni-stream-list time{color:var(--muted,var(--muted));font-size:var(--fs-xs)}.omni-error-list article{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)}.omni-error-list p{margin:5px 0;color:#ffabb1}.omni-error-list small{color:var(--muted,var(--muted))}.omni-lower-grid{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:170px}.omni-compact-list>div{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)}.omni-compact-list strong,.omni-compact-list small{display:block}.omni-compact-list small{color:var(--muted,var(--muted));word-break:break-word}.omni-empty{padding:18px;color:var(--muted,var(--muted));text-align:center}.omni-state-overlay{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--bg) 90%,transparent);display:grid;place-content:center;text-align:center;padding:24px}.omni-wizard,.omni-dialog{position:fixed;inset:0;z-index:90;background:var(--bg,var(--bg));color:var(--text,var(--text));display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.omni-wizard[hidden],.omni-dialog[hidden],.omni-state-overlay[hidden]{display:none}.omni-wizard>header,.omni-dialog>header{display:flex;align-items:center;gap:14px;padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.omni-wizard>header>div{flex:1}.omni-wizard header button,.omni-dialog header button{font-size:var(--fs-xl);border:0;background:transparent;color:inherit}.omni-progress{padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr minmax(160px,35%);align-items:center;gap:20px}.omni-wizard form,.omni-dialog form{flex:1;min-height:0;display:flex;flex-direction:column}.omni-wizard fieldset{border:0;margin:0;padding:28px clamp(20px,6vw,100px);overflow:auto}.omni-wizard legend{font-size:var(--fs-lg);font-weight:800;margin-bottom:20px}.omni-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.omni-form-grid label,.omni-dialog label,.embedded-shell label{display:grid;gap:7px}.omni-form-grid .wide{grid-column:1/-1}.omni-wizard input,.omni-wizard select,.omni-dialog input,.omni-dialog select,.omni-dialog textarea,.embedded-shell input,.embedded-shell textarea{width:100%;min-height:46px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:color-mix(in srgb,var(--surface,var(--surface)) 92%,#fff 8%);color:inherit;padding:10px 12px;border-radius:0}.omni-wizard textarea,.omni-dialog textarea,.embedded-shell textarea{min-height:150px;resize:vertical}.omni-wizard footer,.omni-dialog footer{margin-top:auto;display:flex;justify-content:flex-end;gap:10px;padding:14px max(18px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.omni-notice{padding:12px;border-left:3px solid var(--brand,var(--brand));background:color-mix(in srgb,var(--brand,var(--brand)) 10%,transparent)}.omni-summary{display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:8px 14px}.omni-dialog{inset:8vh 15vw;box-shadow:0 25px 80px #0009}.omni-dialog>form>div{padding:22px;overflow:auto;display:grid;gap:14px}.omni-secret{margin:0 22px 22px;padding:14px;border:1px solid #f1bd62;background:#32260b}.omni-secret code{display:block;word-break:break-all;margin:10px 0}.embedded-shell{max-width:760px;min-height:100dvh;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:18px;background:var(--bg,var(--bg));color:var(--text,var(--text))}.embedded-shell>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);padding-bottom:14px}.embedded-shell>header img{width:50px;height:50px;object-fit:contain}.embedded-shell form{display:grid;gap:16px}.embedded-state,.embedded-success{padding:18px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:var(--surface,var(--surface))}
@media(max-width:1180px){.omni-workspace{grid-template-columns:1fr 1fr}.omni-errors{grid-column:1/-1;max-height:220px}.omni-lower-grid{grid-template-columns:1fr 1fr}.omni-lower-grid .omni-panel:last-child{grid-column:1/-1}.omni-dialog{inset:5vh 8vw}}
@media(max-width:760px){.omni-shell{min-height:100svh}.omni-brand span{display:none}.omni-title h1{font-size:var(--fs-base)}.omni-actions{grid-column:1/-1}.omni-actions .button{flex:1}.omni-main{padding:0 0 calc(10px + env(safe-area-inset-bottom));gap:8px}.omni-connection{margin:0 8px}.omni-kpis{grid-template-columns:1fr 1fr;padding:0 8px}.omni-kpis article{padding:10px}.omni-queue-health{grid-template-columns:1fr 1fr;margin:0 8px}.omni-queue-health>small{grid-column:1/-1}.omni-workspace{display:flex;flex-direction:column;overflow:visible;min-height:0}.omni-panel{border-left:0;border-right:0;min-height:280px}.omni-stream{min-height:420px}.omni-errors{max-height:none}.omni-lower-grid{grid-template-columns:1fr;margin-top:0}.omni-lower-grid .omni-panel:last-child{grid-column:auto}.omni-table-wrap,.omni-stream-list,.omni-error-list,.omni-compact-list{overflow:auto}.omni-wizard,.omni-dialog{inset:0}.omni-progress{grid-template-columns:1fr}.omni-form-grid{grid-template-columns:1fr}.omni-form-grid .wide{grid-column:auto}.omni-wizard fieldset{padding:20px 14px}.omni-wizard footer,.omni-dialog footer{position:sticky;bottom:0;background:var(--bg,var(--bg))}.omni-wizard footer .button,.omni-dialog footer .button{flex:1}.omni-stream-list article{grid-template-columns:auto 1fr}.omni-stream-list time{grid-column:2}.omni-panel,.omni-kpis article,.omni-wizard,.omni-dialog,.embedded-shell{border-radius:0}}
@media(max-height:720px) and (min-width:761px){.omni-main{overflow:hidden}.omni-workspace{min-height:250px}.omni-panel{overflow:hidden}.omni-lower-grid{min-height:130px;max-height:180px}.omni-table-wrap,.omni-stream-list,.omni-error-list,.omni-compact-list{overflow:auto}}
@media(prefers-reduced-motion:reduce){.omni-shell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Lot MAGETICKET OMNICHANNEL AUTOMATIONS DELIVERY UI COMPLETION1 */
.omni-header-actions,.omni-list-actions{display:flex;align-items:center;gap:var(--space-2)}
.omni-error-list article .button{margin-top:var(--space-2)}
.omni-dialog .omni-confirmation{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);background:var(--surface-2)}
.omni-dialog .omni-confirmation input{width:auto;min-height:auto;margin-top:.2rem}
.omni-dialog select[multiple]{min-height:132px}
@media(max-width:760px){.omni-header-actions{width:100%;justify-content:flex-end}.omni-list-actions{flex-wrap:wrap;justify-content:flex-end}.omni-dialog .omni-confirmation{margin-inline:0}}