/* Wizard action bar · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* families/wizard-stepper/family.css */
.wz-next{margin-left:auto;flex:none;display:flex;flex-direction:column;gap:var(--s-2);min-width:200px;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-next b{color:hsl(var(--foreground));font-weight:var(--w-semibold)}
/* families/wizard-stepper/family.css */
.wz-next .wz-meter{margin-top:0}
/* families/wizard-stepper/family.css */
.wz-bar{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:hsl(var(--background)/.95);backdrop-filter:blur(var(--actbar-blur));border-top:1px solid hsl(var(--border))}
/* families/wizard-stepper/family.css */
.wz-bar>.wz-save{margin-right:auto}
/* families/wizard-stepper/family.css */
.wz-save{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));min-width:0}
/* families/wizard-stepper/family.css */
.wz-save svg{width:14px;height:14px}
/* families/wizard-stepper/family.css */
.wz-save .spin{width:12px;height:12px}
/* families/wizard-stepper/family.css */
.wz-save b{font-weight:var(--w-semibold);color:hsl(var(--foreground))}
/* families/wizard-stepper/family.css */
.wz-save.ok svg{color:hsl(var(--success))}
/* families/wizard-stepper/family.css */
.wz-save.failed, .wz-save.failed b{color:hsl(var(--destructive))}
/* families/wizard-stepper/family.css */
.wz-save .btn{margin-left:var(--s-1)}
/* families/wizard-stepper/family.css */
.wz-mbar{position:sticky;bottom:0;z-index:4;background:hsl(var(--background)/.96);backdrop-filter:blur(var(--actbar-blur));border-top:1px solid hsl(var(--border));padding:var(--s-2) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}
/* families/wizard-stepper/family.css */
.wz-mbar .wz-save{min-height:24px}
/* families/wizard-stepper/family.css */
.wz-mbtns{display:flex;gap:var(--s-2)}
/* families/wizard-stepper/family.css */
.wz-mbtns .btn-primary{flex:1}
/* families/wizard-stepper/family.css */
.wz-mbtns .btn{height:var(--control-h-m-lg)}