.system-action-dialog {
    width: min(92vw, 520px);
    max-width: 520px;
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
}

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

.system-action-dialog__content {
    background: var(--bs-body-bg);
}

.system-action-dialog__header {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.25rem 1.25rem .75rem;
}

.system-action-dialog__icon {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    place-items: center;
    border-radius: 50%;
    color: var(--bs-warning-text-emphasis);
    background: var(--bs-warning-bg-subtle);
    font-size: 1.25rem;
}

.system-action-dialog__body {
    padding: .5rem 1.25rem 1.25rem;
    color: var(--bs-secondary-color);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.system-action-dialog__footer {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--bs-border-color);
}