.lwps-feedback-dialog {
    width: min(30rem, calc(100vw - 2rem));
    padding: 0;
    color: var(--lwp-text);
    background: var(--lwp-surface-raised);
    border: 1px solid var(--lwp-border);
    border-radius: var(--lwp-radius-lg);
    box-shadow: var(--lwp-shadow-overlay);
}

.lwps-feedback-dialog::backdrop {
    background: rgb(15 23 42 / 62%);
    backdrop-filter: blur(2px);
}

.lwps-feedback-dialog__content {
    display: grid;
    gap: var(--lwp-space-4);
    padding: var(--lwp-space-6);
}

.lwps-feedback-dialog__title,
.lwps-feedback-dialog__message {
    margin: 0;
}

.lwps-feedback-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--lwp-space-2);
}

.lwps-feedback-toasts {
    position: fixed;
    top: var(--lwp-space-4);
    left: 50%;
    z-index: 12000;
    display: grid;
    width: min(32rem, calc(100vw - 2rem));
    gap: var(--lwp-space-2);
    transform: translateX(-50%);
    pointer-events: none;
}

.lwps-feedback-toast {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--lwp-space-3);
    align-items: center;
    padding: var(--lwp-space-3) var(--lwp-space-4);
    color: var(--lwp-text);
    background: var(--lwp-surface-raised);
    border: 1px solid var(--lwp-border);
    border-inline-start: 4px solid var(--lwp-info);
    border-radius: var(--lwp-radius-md);
    box-shadow: var(--lwp-shadow-lg);
    pointer-events: auto;
}

.lwps-feedback-toast[data-tone="success"] {
    border-inline-start-color: var(--lwp-success);
}

.lwps-feedback-toast[data-tone="warning"] {
    border-inline-start-color: var(--lwp-warning);
}

.lwps-feedback-toast[data-tone="error"],
.lwps-feedback-toast[data-tone="danger"] {
    border-inline-start-color: var(--lwp-danger);
}