/* Toast + empty table row (extends components.css .toast) */
#app-toast.toast {
    position: fixed;
    top: 16px;
    right: 16px;
    bottom: auto;
    left: auto;
    z-index: 5000;
}

#app-toast.toast--success {
    background: var(--color-success);
}

#app-toast.toast:not(.toast-error):not(.toast--success):not(.toast--warn) {
    background: var(--color-text);
}

#app-toast.toast--warn {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
    box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
}

.empty-state-row td {
    text-align: center;
    padding: var(--space-xl) var(--space-md) !important;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    vertical-align: middle !important;
}

.empty-state-row .empty-state__action {
    margin-top: var(--space-md);
}