/* toast.css — bottom-right non-blocking feedback primitive.
 * Extends dialog tokens. No new CSS variables.
 */
.toast-stack { position: fixed; bottom: 20px; right: 20px; z-index: 500;
               display: flex; flex-direction: column-reverse; gap: 8px;
               pointer-events: none; }
.toast { background: var(--bg2); border: 1px solid var(--border);
         border-left: 3px solid var(--accent); border-radius: var(--radius);
         padding: 10px 14px; box-shadow: var(--shadow); color: var(--text);
         font-size: 13px; min-width: 240px; max-width: 400px;
         display: flex; align-items: center; gap: 10px; pointer-events: auto;
         transform: translateY(8px); opacity: 0;
         transition: transform 0.15s ease-out, opacity 0.15s ease-out; }
.toast[data-active="true"] { transform: translateY(0); opacity: 1; }
.toast[data-variant="success"] { border-left-color: var(--accent3); }
.toast[data-variant="error"]   { border-left-color: var(--accent2); }
.toast[data-variant="info"]    { border-left-color: var(--accent); }
.toast-message { flex: 1; }
.toast-action { background: transparent; border: 0; color: var(--accent3);
                cursor: pointer; font-size: 12px; font-weight: 600; }
.toast-close { background: transparent; border: 0; color: var(--text3);
               cursor: pointer; padding: 0 2px; font-size: 16px; }
.toast-close:hover { color: var(--text); }