.ConfirmDialog {
    background: var(--center-channel-bg, #fff);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    min-width: 240px;
    text-align: center;

    &__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 11;
        border-radius: 4px;
    }

    &__text {
        margin: 0 0 16px;
        font-size: 14px;
        color: var(--center-channel-color, #3d3c40);
    }

    &__actions {
        display: flex;
        justify-content: center;
        gap: 8px;

        .btn--cancel {
            background: var(--center-channel-bg, #fff);
            color: var(--center-channel-color, #3d3c40);
            border: 1px solid rgba(var(--center-channel-color-rgb, 61, 60, 64), 0.16);
            border-radius: 4px;
            padding: 8px 16px;
            cursor: pointer;

            &:hover {
                background: rgba(var(--center-channel-color-rgb, 61, 60, 64), 0.08);
            }
        }

        .btn--danger {
            background: var(--error-text, #d24b4e);
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 8px 16px;
            cursor: pointer;

            &:hover {
                background: color-mix(in srgb, var(--error-text, #d24b4e) 85%, #000);
            }
        }
    }
}
