/**
 * Projet         : MageTicket
 * Fichier        : public/assets/css/native-dialog-wizard.css
 * Rôle           : Composant partagé des assistants natifs en dialogue modal.
 * Auteur         : Régis KREMER
 * Version        : 0.33.44
 * Version projet : 0.33.0
 * Révision       : 0.33.44
 * Lot            : MAGETICKET NATIVE DIALOG ASSISTANTS DESIGN UNIFICATION1
 * Base requise   : 0.33.43
 * Créé le        : 2026-07-26
 * Modifié le     : 2026-07-26
 * Dépendances    : tokens.css, components.css et HTMLDialogElement
 * Contraintes    : dialogue centré sur ordinateur, bord à bord uniquement en mobile, focus visible et scroll interne unique
 * Modifications  : unification des assistants Actifs, ITSM et Omnicanal sur le modèle natif des Automatisations.
 */
.native-wizard-dialog{min-height:0;width:min(1120px,calc(100vw - 48px));max-width:none;height:min(850px,calc(var(--visual-viewport-height,100dvh) - 48px));max-height:none;margin:auto;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);overflow:hidden}
.native-wizard-dialog:not([open]){display:none!important}
.native-wizard-dialog[open]{display:block!important}
.native-wizard-dialog::backdrop{background:color-mix(in srgb,var(--bg-deep) 72%,transparent);backdrop-filter:blur(3px)}
.native-wizard-dialog>form{height:100%;min-height:0;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;background:var(--surface)}
.native-wizard-dialog__header{display:flex!important;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4)!important;border-bottom:1px solid var(--line);background:var(--surface-2)}
.native-wizard-dialog__identity{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);flex:1}
.native-wizard-dialog__icon,.native-wizard-step__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand);font-size:var(--icon-lg)}
.native-wizard-dialog__eyebrow{margin:0;color:var(--brand);font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.native-wizard-dialog__header h1,.native-wizard-dialog__header h2{margin:2px 0 0;font-size:var(--fs-xl);line-height:1.2}
.native-wizard-dialog__description{margin:3px 0 0;color:var(--muted);font-size:var(--fs-xs);line-height:1.4}
.native-wizard-dialog__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex:0 0 auto}
.native-wizard-dialog__status{max-width:190px;color:var(--muted);font-size:var(--fs-xs);font-weight:650;text-align:right}
.native-wizard-dialog .native-wizard-dialog__close{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--icon-md);cursor:pointer}
.native-wizard-dialog .native-wizard-dialog__close:hover{border-color:var(--brand);color:var(--brand)}
.native-wizard-progress{display:grid;margin:0;padding:0;border-bottom:1px solid var(--line);background:var(--surface);list-style:none}
.native-wizard-progress[data-step-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.native-wizard-progress[data-step-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}
.native-wizard-progress li{min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:56px;padding:var(--space-2);border-bottom:3px solid transparent;color:var(--muted);font-size:var(--fs-xs)}
.native-wizard-progress li>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-2);font-weight:800}
.native-wizard-progress li strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-wizard-progress li[aria-current="step"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.native-wizard-progress li[aria-current="step"]>span{border-color:var(--brand);background:var(--brand);color:var(--brand-contrast)}
.native-wizard-progress li.is-complete{color:var(--success)}
.native-wizard-progress li.is-complete>span{border-color:var(--success);background:var(--success-soft);color:var(--success)}
.native-wizard-dialog__errors{margin:var(--space-3) var(--space-4) 0!important;padding:var(--space-3)!important;border:1px solid var(--danger-strong)!important;border-left-width:4px!important;background:var(--danger-soft)!important;color:var(--danger)!important}
.native-wizard-dialog__errors h2,.native-wizard-dialog__errors strong{margin:0;font-size:var(--fs-sm)}
.native-wizard-dialog__errors ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}
.native-wizard-dialog__body{min-height:0;padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 3%,transparent),transparent 45%),var(--bg)}
.native-wizard-dialog fieldset{width:min(100%,980px);margin:0 auto!important;padding:0!important;border:0!important;overflow:visible!important}
.native-wizard-step__heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);margin-bottom:var(--space-5)}
.native-wizard-step__heading h3{margin:0;color:var(--text);font-size:var(--fs-xl);line-height:1.2}
.native-wizard-step__heading p{margin:var(--space-1) 0 0;color:var(--muted);line-height:1.5}
.native-wizard-dialog__footer{display:flex!important;align-items:center;justify-content:space-between!important;gap:var(--space-3);margin:0!important;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom))!important;border-top:1px solid var(--line)!important;background:var(--surface-2)!important;position:static!important}
.native-wizard-dialog__step-counter{color:var(--muted);font-size:var(--fs-xs);font-weight:650}
.native-wizard-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}
.native-wizard-dialog .assets-form-grid,.native-wizard-dialog .itsm-form-grid,.native-wizard-dialog .omni-form-grid{gap:var(--space-4)}
.native-wizard-dialog .assets-form-grid label,.native-wizard-dialog .itsm-form-grid label,.native-wizard-dialog .omni-form-grid label{gap:var(--space-2)}
.native-wizard-dialog input,.native-wizard-dialog select,.native-wizard-dialog textarea{border-color:var(--line-strong);background:var(--surface);color:var(--text)}
.native-wizard-dialog input:focus-visible,.native-wizard-dialog select:focus-visible,.native-wizard-dialog textarea:focus-visible,.native-wizard-dialog button:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 34%,transparent);outline-offset:2px}
.native-wizard-dialog .assets-summary,.native-wizard-dialog .itsm-summary,.native-wizard-dialog .omni-summary{width:min(100%,760px);margin:0 auto}
.native-wizard-confirmation{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;background:var(--surface)}
.native-wizard-confirmation[hidden]{display:none}
.native-wizard-confirmation .ti{color:var(--success);font-size:calc(var(--icon-lg) * 1.25)}
@media(max-width:980px){
  .native-wizard-dialog{width:calc(100vw - 24px);height:calc(var(--visual-viewport-height,100dvh) - 24px)}
  .native-wizard-progress li{justify-content:flex-start}
  .native-wizard-progress li strong{display:none}
  .native-wizard-progress li[aria-current="step"] strong{display:block}
}
@media(max-width:700px){
  .native-wizard-dialog{inset:0;width:100%;height:var(--visual-viewport-height,100dvh);max-height:none;border:0;border-radius:0}
  .native-wizard-dialog__header{padding:var(--space-3) max(var(--space-3),var(--safe-right)) var(--space-3) max(var(--space-3),var(--safe-left))!important}
  .native-wizard-dialog__icon{width:36px;height:36px}
  .native-wizard-dialog__header h1,.native-wizard-dialog__header h2{font-size:var(--fs-lg)}
  .native-wizard-dialog__description,.native-wizard-dialog__status{display:none}
  .native-wizard-progress{grid-template-columns:1fr!important}
  .native-wizard-progress li{display:none;min-height:44px;padding-inline:max(var(--space-3),var(--safe-left))}
  .native-wizard-progress li[aria-current="step"]{display:flex}
  .native-wizard-dialog__body{padding:var(--space-3) max(var(--space-3),var(--safe-right)) var(--space-4) max(var(--space-3),var(--safe-left))}
  .native-wizard-step__heading{grid-template-columns:36px minmax(0,1fr);margin-bottom:var(--space-4)}
  .native-wizard-step__icon{width:36px;height:36px}
  .native-wizard-step__heading h3{font-size:var(--fs-lg)}
  .native-wizard-dialog__footer{align-items:stretch!important;flex-direction:column;padding-inline:max(var(--space-3),var(--safe-right))!important;padding-left:max(var(--space-3),var(--safe-left))!important}
  .native-wizard-dialog__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .native-wizard-dialog__actions .button{width:100%}
  .native-wizard-dialog__step-counter{order:2;text-align:center}
}
@media(max-width:430px){.native-wizard-dialog__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.native-wizard-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){.native-wizard-dialog,.native-wizard-dialog__close,.native-wizard-progress li,.native-wizard-dialog fieldset{border-color:CanvasText}.native-wizard-progress li[aria-current="step"]{border-color:Highlight}}