.saas-roll-savebar{--bar-ink:var(--saas-brand-primary);z-index:2;align-items:center;gap:var(--saas-space-sm) var(--saas-space-md);padding:var(--saas-space-sm) var(--saas-space-sm) var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-border-default);border-inline-start:4px solid var(--bar-ink);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-popover);animation:saas-roll-savebar-in var(--saas-motion-panel) var(--saas-ease-standard);flex-wrap:wrap;display:flex;position:sticky;inset-block-end:var(--saas-space-sm)}.saas-roll-savebar[data-state=saved]{--bar-ink:var(--saas-status-success-fill)}.saas-roll-savebar[data-state=saved] .saas-roll-savebar__icon{background:var(--saas-status-success-subtle)}.saas-roll-savebar[data-state=error]{--bar-ink:var(--saas-status-danger-fill)}.saas-roll-savebar[data-state=readonly]{--bar-ink:var(--saas-status-info-fill);box-shadow:none;color:var(--saas-status-info);position:static}.saas-roll-savebar__icon{border-radius:var(--saas-radius-full);background:var(--saas-brand-subtle);block-size:32px;inline-size:32px;color:var(--bar-ink);place-items:center;display:grid}.saas-roll-savebar[data-state=error] .saas-roll-savebar__icon{background:var(--saas-status-danger-subtle)}.saas-roll-savebar__text{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);flex:220px;gap:2px;font-weight:600;display:grid}.saas-roll-savebar[data-state=error] .saas-roll-savebar__text{color:var(--saas-status-danger)}.saas-roll-savebar__summary{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);font-variant-numeric:tabular-nums;font-weight:400}.saas-roll-savebar__reason{min-block-size:36px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-status-warning-fill);border-radius:var(--saas-radius-md);background:var(--saas-status-warning-subtle);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);flex:240px}.saas-roll-savebar__reason:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-roll-savebar__actions{gap:var(--saas-space-xs);flex-wrap:wrap;margin-inline-start:auto;display:inline-flex}.saas-roll-savebar__button{align-items:center;gap:var(--saas-space-xs);min-block-size:40px;padding-inline:var(--saas-space-md);border-radius:var(--saas-radius-full);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);border:1px solid #0000;font-weight:700;display:inline-flex}.saas-roll-savebar__button[data-variant=primary]{background:var(--saas-brand-primary);color:var(--saas-brand-on-primary);box-shadow:0 0 0 4px var(--saas-brand-subtle)}.saas-roll-savebar__button[data-variant=primary]:hover:not(:disabled){background:var(--saas-brand-primary-hover)}.saas-roll-savebar__button[data-variant=primary]:active:not(:disabled){transform:scale(.97)}.saas-roll-savebar__button:disabled{background:var(--saas-border-default);color:var(--saas-text-secondary);box-shadow:none;cursor:default}.saas-roll-savebar__button[data-variant=ghost]{border-color:var(--saas-border-default);background:var(--saas-bg-surface);color:var(--saas-text-primary)}.saas-roll-savebar__button[data-variant=next]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle);color:var(--saas-brand-strong)}.saas-roll-savebar__button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@keyframes saas-roll-savebar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=599px){.saas-roll-savebar__actions,.saas-roll-savebar__button{flex:1;justify-content:center;min-block-size:44px}}@media (prefers-reduced-motion:reduce){.saas-roll-savebar{animation:none}}