/* Small, temporary receipts of an action; durable state lives in the workspace. */
#toast.toast{position:fixed;inset:auto;left:auto;top:12px;bottom:auto;right:auto;width:min(360px,calc(100vw - 24px));max-width:none;margin:0;padding:14px;display:grid;grid-template-columns:22px minmax(0,1fr) 28px;align-items:start;gap:10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px rgb(12 29 19 / .12);font-size:13px;line-height:1.45;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(var(--notice-enter-x,18px));transition:opacity 180ms ease-out,transform 180ms ease-out,visibility 180ms;z-index:var(--z-toast)}
#toast.toast.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}#toast.toast.is-obscured{opacity:0;visibility:hidden;pointer-events:none}.notification-symbol{color:var(--primary);padding-top:2px}.notification-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-copy{min-width:0}.notification-copy h2{font-size:14px;font-weight:600;line-height:1.4;margin:0;letter-spacing:0;text-wrap:pretty}.notification-copy p{font-size:13px;color:var(--muted);line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}.notification-copy .btn{min-height:36px;font-size:12px;padding:8px 10px;margin-top:10px;white-space:normal;text-align:left}.notification-copy .btn svg{flex-shrink:0}.notification-close.btn{min-width:28px;min-height:28px;width:28px;height:28px;padding:5px;margin:-3px -5px 0 0}.notification-close svg{width:16px;height:16px}#toast.toast.amber .notification-symbol{color:var(--amber)}#toast.toast.red{border-color:var(--red)}#toast.toast.red .notification-symbol{color:var(--red)}
.receipt-row[data-receipt-id].reviewer-target{outline-offset:-3px!important;background:var(--mint)}
@media(prefers-reduced-motion:reduce){#toast.toast{transition:none;transform:none}}
