/* Shared, restrained notification styling. Color identifies status, not the whole panel. */
body.workspace-ui #toast-container { top:60px!important; right:16px!important; padding:0!important; max-width:calc(100vw - 32px); }
body.workspace-ui .toast { min-width:280px; width:360px; max-width:calc(100vw - 32px); margin-bottom:8px; background:var(--surface); color:var(--text-primary); border:1px solid var(--border)!important; border-radius:10px; box-shadow:0 6px 24px #20203816; backdrop-filter:none; }
body.workspace-ui .toast-body { flex:1; min-width:0; padding:12px 14px; font-size:12px; line-height:19px; }
body.workspace-ui .toast-body span { overflow-wrap:anywhere; }
body.workspace-ui .toast-body i { flex:none; font-size:16px!important; }
body.workspace-ui .toast--success .toast-body i { color:#34845b; }
body.workspace-ui .toast--error .toast-body i { color:#b42318; }
body.workspace-ui .toast--warning .toast-body i { color:#a87526; }
body.workspace-ui .toast--info .toast-body i { color:var(--primary); }
body.workspace-ui .toast .btn-close { filter:none; opacity:.45; flex:none; width:10px; height:10px; padding:6px; }
body.workspace-ui .toast .btn-close:hover { opacity:.85; }
body.workspace-ui .toast-container .toast+.toast { margin-top:8px; }
body.workspace-ui .workspace-confirm .modal-dialog { max-width:420px; }
body.workspace-ui .workspace-confirm .modal-content { background:var(--surface); color:var(--text-primary); border:1px solid var(--border); border-radius:12px; box-shadow:0 16px 48px #20203820; }
body.workspace-ui .workspace-confirm .modal-header { padding:20px 20px 12px; background:transparent; }
body.workspace-ui .workspace-confirm .modal-title { font-size:15px; font-weight:600; line-height:1.5; }
body.workspace-ui .workspace-confirm .modal-body { padding:0 20px 16px; color:var(--text-secondary); font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
body.workspace-ui .workspace-confirm .modal-footer { padding:0 20px 20px; gap:8px; background:transparent; }
body.workspace-ui .workspace-confirm .modal-footer .btn { margin:0; min-height:36px; padding:7px 16px; }
body.workspace-ui .workspace-confirm .btn-close { opacity:.5; }
body.workspace-ui .workspace-confirm .btn-danger { background:#b42318; border-color:#b42318; color:white; }
@media(max-width:576px) { body.workspace-ui #toast-container { top:52px!important; left:16px!important; right:16px!important; } body.workspace-ui .toast { width:100%; min-width:0; } }
html[data-theme='dark'] body.workspace-ui :is(.toast,.workspace-confirm) .btn-close { filter:invert(1); }
@media(prefers-reduced-motion:reduce) { .toast,.workspace-confirm.fade .modal-dialog { transition:none!important; animation:none!important; } }
/* Override the legacy cashier modal positioning without changing product pickers. */
body.workspace-ui .workspace-confirm.modal.show { display:flex!important; align-items:center; justify-content:center; padding:20px!important; }
body.workspace-ui .workspace-confirm.modal.show .modal-dialog { width:100%; max-width:420px; min-height:0; max-height:calc(100dvh - 40px); margin:0!important; transform:none; }
body.workspace-ui .workspace-confirm.modal.show .modal-content { max-height:calc(100dvh - 40px); }
body.workspace-ui .workspace-confirm.modal.show :is(.modal-header,.modal-footer) { flex-shrink:0; }