/**
 * Projet         : MageTicket
 * Fichier        : public/assets/css/workspace.css
 * Rôle           : États, conversation, détails, relations et édition du cockpit ticket fonctionnel.
 * Auteur         : Régis KREMER
 * Version        : 0.33.56
 * Version projet : 0.33.0
 * Révision       : 0.33.56
 * Lot            : MAGETICKET COCKPIT QUEUE CARD LIFECYCLE KANBAN STRUCTURAL UX FIX1
 * Base requise   : 0.33.55
 * Créé le        : 2026-07-21
 * Modifié le     : 2026-07-27
 * Dépendances    : app.css, responsive.css et structure data-ticket-workspace
 * Contraintes    : thèmes clair/sombre ; mobile séquentiel ; aucun débordement horizontal ; focus visible
 * Modifications  : statuts et transitions conservés ; sélecteurs historiques de carte/kanban retirés au profit des composants Cockpit canoniques
 */

[hidden]{display:none!important}.workspace-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--orange);border-radius:var(--r-sm);background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--text)}.workspace-alert strong{white-space:nowrap}.workspace-alert span{color:var(--muted)}.workspace.is-workspace-busy .conversation-panel,.workspace.is-workspace-busy .details-panel{cursor:progress}.queue-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--surface-3);color:var(--muted);font-size:var(--fs-xs)}.queue-state,.conversation-empty,.attachment-empty,.ticket-empty-surface{min-height:120px;display:grid;place-content:center;gap:7px;padding:20px;color:var(--muted);text-align:center}.ticket-empty-surface{height:100%;min-height:330px}.ticket-empty-surface span{font-size:var(--fs-2xl)}.ticket-empty-surface h2,.ticket-empty-surface p{margin:0}.ticket-empty-surface h2{color:var(--text);font-size:var(--fs-md)}.ticket-list{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.ticket-description{margin:0;padding:10px 13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);white-space:pre-wrap}.inline-ticket-editor{margin:8px 10px;padding:10px;border:1px solid var(--brand);border-radius:var(--r-sm);background:var(--surface-2)}.inline-ticket-editor .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inline-ticket-editor .field-wide{grid-column:1/-1}.inline-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.message-stream{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.message.is-internal{border-left:3px solid var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface-2))}.message header span{margin-left:auto;color:var(--muted);font-size:var(--fs-xs)}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.composer{height:auto;min-height:114px}.composer-kind{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--line)}.composer-kind label{position:relative;flex:1}.composer-kind input{position:absolute;opacity:0;pointer-events:none}.composer-kind span{display:grid;place-items:center;min-height:27px;border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:var(--fs-xs)}.composer-kind input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.composer textarea{height:44px}.attachment-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:auto;max-width:100%;min-height:32px;padding-inline:10px;border-radius:var(--r-ctrl);cursor:pointer;white-space:nowrap}.attachment-picker .ti{font-size:var(--icon-md)}.attachment-picker input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.composer-actions{gap:7px}.composer-status{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-tab-panel{height:280px;padding:10px;overflow:auto;scrollbar-width:thin}.timeline-list article{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.timeline-list article>span{color:var(--brand);font-size:var(--fs-xs)}.timeline-list strong,.timeline-list small{display:block}.timeline-list strong{font-size:var(--fs-xs)}.timeline-list small{margin-top:3px;color:var(--muted);font-size:var(--fs-xs)}.attachment-list{display:grid;align-content:start;gap:6px}.attachment-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);text-decoration:none}.attachment-row:hover{border-color:var(--brand)}.attachment-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs)}.attachment-row small{color:var(--muted);font-size:var(--fs-xs)}.details-actions{display:grid;gap:8px;padding:8px 11px;border-top:1px solid var(--line)}.status-transition-form,.relation-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.status-transition-form select,.relation-form input,.relation-form select{min-width:0}.relation-form.split-form{grid-template-columns:1fr}.relation-form.split-form textarea{min-height:58px}.ticket-relations{padding:8px 11px;border-top:1px solid var(--line)}.ticket-relations h3{margin:0 0 8px;font-size:var(--fs-xs)}.relation-list p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:5px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs)}.relation-list code{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.field input,.field textarea,.field select,.status-transition-form select,.relation-form input,.relation-form textarea,.relation-form select{width:100%;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg-deep);color:var(--text);padding:8px}.field span{display:block;margin-bottom:4px;color:var(--muted);font-size:var(--fs-xs)}.badge.critical{border:1px solid #ad2438;background:#641c2a;color:#ff9aa3}.badge.unset{border:1px solid var(--line-strong);background:var(--surface-3);color:var(--muted)}.critical-dot{background:#ff334d}.unset-dot{background:#74839b}.button:disabled,.icon-button:disabled,.top-filter:disabled{cursor:not-allowed;opacity:.55;transform:none}.state-surface{position:fixed;z-index:60;inset:var(--topbar-h) 0 0 var(--sidebar-w);display:grid;place-content:center;justify-items:center;padding:24px;background:color-mix(in srgb,var(--bg) 92%,transparent);text-align:center}.state-surface .state-icon{font-size:var(--fs-2xl)}.state-surface h2,.state-surface p{margin:5px 0}.activity-summary{display:flex;flex-wrap:wrap;gap:8px;padding:8px 11px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs)}.activity-summary strong{color:var(--text)}
@media(max-width:1120px){.inline-ticket-editor .form-grid{grid-template-columns:1fr}.inline-ticket-editor .field-wide{grid-column:auto}.state-surface{inset:var(--topbar-h) 0 0 var(--sidebar-w)}}
@media(max-width:719px){.workspace-alert{grid-template-columns:1fr;margin-inline:0}.workspace-alert strong{white-space:normal}.inline-ticket-editor{margin-inline:0;border-inline:0;border-radius:0}.message-stream,.ticket-tab-panel{height:auto;min-height:280px;max-height:calc(100dvh - 390px)}.composer{position:sticky;bottom:calc(58px + var(--safe-bottom));z-index:5;margin:0;border-inline:0;border-radius:0;background:var(--bg-deep)}.details-actions,.ticket-relations{padding-inline:max(12px,var(--safe-left)) max(12px,var(--safe-right))}.status-transition-form,.relation-form{grid-template-columns:1fr}.state-surface{inset:54px 0 calc(58px + var(--safe-bottom)) 0}.attachment-row{grid-template-columns:24px minmax(0,1fr)}.attachment-row small{grid-column:2}}
@media(prefers-reduced-motion:reduce){.busy-spinner{animation:none!important}}

/* Cycle de vie global des tickets — 0.33.53 */
.queue-scope-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.queue-scope-switcher button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:34px;padding:5px 7px;border:1px solid transparent;border-radius:var(--r-ctrl);background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-xs);cursor:pointer}
.queue-scope-switcher button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-scope-switcher button em{display:grid;place-items:center;min-width:20px;height:20px;padding-inline:5px;border-radius:10px;background:var(--surface-3);color:var(--text);font-style:normal;font-weight:700}
.queue-scope-switcher button:hover{border-color:var(--line-strong);color:var(--text)}.queue-scope-switcher button.is-active,.queue-scope-switcher button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}
.ticket-status-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid currentColor;border-radius:999px;font-size:var(--fs-xs);font-weight:750;line-height:1.15;white-space:nowrap}.ticket-status-pill .ti{font-size:1rem}.ticket-status-pill.is-compact{max-width:100%}
.ticket-status-pill.is-new{color:#5b36d6;background:color-mix(in srgb,#7c5cff 13%,var(--surface))}.ticket-status-pill.is-progress{color:#075fa8;background:color-mix(in srgb,#1688d4 12%,var(--surface))}.ticket-status-pill.is-pending{color:#885400;background:color-mix(in srgb,#d89500 15%,var(--surface))}.ticket-status-pill.is-resolved{color:#087844;background:color-mix(in srgb,#16a867 13%,var(--surface))}.ticket-status-pill.is-closed{color:var(--muted);background:var(--surface-3)}.ticket-status-pill.is-cancelled{color:#9b2738;background:color-mix(in srgb,#cf334d 12%,var(--surface))}
[data-theme="dark"] .ticket-status-pill.is-new{color:#c4b5ff}[data-theme="dark"] .ticket-status-pill.is-progress{color:#9bd2ff}[data-theme="dark"] .ticket-status-pill.is-pending{color:#ffd27a}[data-theme="dark"] .ticket-status-pill.is-resolved{color:#8be0b5}[data-theme="dark"] .ticket-status-pill.is-cancelled{color:#ffadb9}
.cockpit-queue-card[data-ticket-status="closed"],.cockpit-queue-card[data-ticket-status="cancelled"],.cockpit-queue-card[data-ticket-status="merged"]{opacity:.82}.cockpit-queue-card[data-ticket-status="closed"] .cockpit-queue-card__title,.cockpit-queue-card[data-ticket-status="cancelled"] .cockpit-queue-card__title,.cockpit-queue-card[data-ticket-status="merged"] .cockpit-queue-card__title{color:var(--muted)}
.current-status-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;margin:8px 10px;padding:11px;border:1px solid var(--line-strong);border-left:4px solid currentColor;border-radius:var(--r-sm);background:var(--surface-2)}.current-status-card__icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%}.current-status-card small,.current-status-card strong,.current-status-card p{display:block;margin:0}.current-status-card small{color:var(--muted);font-size:var(--fs-xs)}.current-status-card strong{margin-top:2px;color:var(--text);font-size:var(--fs-sm)}.current-status-card p{margin-top:4px;color:var(--muted);font-size:var(--fs-xs);line-height:1.4}.current-status-card .current-status-context{padding-top:6px;border-top:1px dashed var(--line);color:var(--text)}
.current-status-card.is-new{color:#5b36d6}.current-status-card.is-progress{color:#075fa8}.current-status-card.is-pending{color:#885400}.current-status-card.is-resolved{color:#087844}.current-status-card.is-closed{color:var(--muted)}.current-status-card.is-cancelled{color:#9b2738}
.status-transition-actions{border-top:1px solid var(--line)}.status-transition-actions>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px}.status-transition-actions>header small{display:block;color:var(--muted);font-size:var(--fs-xs)}.status-transition-actions>header h3{margin:1px 0 0;font-size:var(--fs-sm)}.status-transition-actions>header>span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:var(--surface-3);font-size:var(--fs-xs);font-weight:700}.status-transition-actions>div{display:grid;gap:6px;padding:0 8px 10px}
.status-action-button{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px;border:1px solid var(--line);border-left:3px solid currentColor;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.status-action-button>i:first-child{display:grid;place-items:center;color:currentColor;font-size:1.1rem}.status-action-button>i:last-child{color:var(--muted)}.status-action-button span{min-width:0}.status-action-button strong,.status-action-button small{display:block}.status-action-button strong{font-size:var(--fs-xs)}.status-action-button small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.3}.status-action-button:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,var(--surface-2));transform:translateX(1px)}.status-action-button.is-new{color:#5b36d6}.status-action-button.is-progress{color:#075fa8}.status-action-button.is-pending{color:#885400}.status-action-button.is-resolved{color:#087844}.status-action-button.is-closed{color:var(--muted)}.status-action-button.is-cancelled{color:#9b2738}.status-action-button strong{color:var(--text)}.status-actions-empty{margin:0;padding:12px;color:var(--muted);font-size:var(--fs-xs);text-align:center}
.ticket-transition-dialog{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}.ticket-transition-dialog::backdrop{background:color-mix(in srgb,#061327 72%,transparent);backdrop-filter:blur(3px)}.ticket-transition-dialog__form{display:flex;max-height:inherit;flex-direction:column}.ticket-transition-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}.ticket-transition-dialog__identity{display:flex;gap:11px}.ticket-transition-dialog__identity>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:var(--r-sm);color:var(--brand)}.ticket-transition-dialog h2,.ticket-transition-dialog p{margin:0}.ticket-transition-dialog h2{font-size:var(--fs-lg)}.ticket-transition-dialog header small{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.ticket-transition-dialog header p{margin-top:5px;color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.ticket-transition-dialog__body{display:grid;gap:14px;padding:18px;overflow:auto}.transition-summary{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);text-align:center}.transition-summary span{color:var(--muted)}.transition-summary i{color:var(--brand)}.transition-summary strong{color:var(--text)}.ticket-transition-dialog .field em{color:var(--red);font-style:normal;font-weight:700}.ticket-transition-dialog textarea{min-height:100px;resize:vertical}.transition-confirmation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--orange);border-radius:var(--r-sm);background:color-mix(in srgb,var(--orange) 10%,var(--surface))}.transition-confirmation input{width:20px;height:20px;margin-top:1px}.transition-confirmation strong,.transition-confirmation small{display:block}.transition-confirmation small{margin-top:3px;color:var(--muted)}.ticket-transition-dialog__feedback{min-height:20px;color:var(--red);font-size:var(--fs-sm)}.ticket-transition-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
.kpi-card.kpi-slate{border-top-color:var(--muted)}.kpi-icon.slate{color:var(--muted);background:var(--surface-3)}
@media(max-width:1120px){.queue-scope-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:719px){.queue-scope-switcher{position:sticky;top:0;z-index:3}.ticket-status-pill{white-space:normal}.current-status-card{margin-inline:max(12px,var(--safe-left)) max(12px,var(--safe-right))}.status-transition-actions>div{padding-inline:max(12px,var(--safe-left)) max(12px,var(--safe-right))}.status-action-button{min-height:54px}.ticket-transition-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.ticket-transition-dialog__form{height:100dvh}.ticket-transition-dialog header{padding-top:max(14px,var(--safe-top));padding-inline:max(14px,var(--safe-left)) max(14px,var(--safe-right))}.ticket-transition-dialog__body{padding-inline:max(14px,var(--safe-left)) max(14px,var(--safe-right));padding-bottom:120px}.ticket-transition-dialog footer{position:sticky;bottom:0;margin-top:auto;padding-inline:max(14px,var(--safe-left)) max(14px,var(--safe-right));padding-bottom:max(12px,var(--safe-bottom))}.ticket-transition-dialog footer .button{min-height:46px}}
@media(prefers-reduced-motion:reduce){.status-action-button:hover{transform:none}}
@media(forced-colors:active){.ticket-status-pill,.current-status-card,.status-action-button,.queue-scope-switcher button,.ticket-transition-dialog,.transition-confirmation{forced-color-adjust:auto;border-color:CanvasText}.queue-scope-switcher button.is-active{outline:3px solid Highlight}.status-action-button{color:CanvasText}}