.app-confirm {
    width: min(26rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    padding: 1.15rem 1.2rem 1rem;
    border: 0;
    border-radius: 1rem;
    background: #fff;
    color: #1c2433;
    box-shadow: 0 18px 40px rgba(22, 32, 44, 0.18);
}

.app-confirm::backdrop {
    background: rgba(22, 32, 44, 0.28);
}

.app-confirm__message {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.app-confirm__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 1rem;
}

.app-confirm__cancel,
.app-confirm__ok {
    appearance: none;
    border-radius: 999px;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    cursor: pointer;
}

.app-confirm__cancel {
    border: 0;
    background: transparent;
    color: rgba(28, 36, 51, 0.62);
    padding: 0.45rem 0.7rem;
}

.app-confirm__ok {
    border: 0;
    padding: 0.48rem 0.95rem;
    background: var(--bs-primary, #8b3dff);
    color: #fff;
}

.app-confirm__ok:focus-visible,
.app-confirm__cancel:focus-visible {
    outline: 2px solid var(--bs-primary, #8b3dff);
    outline-offset: 2px;
}