/* Окно подтверждения действия (js/confirm.js, FormaroConfirm) — вместо
   window.confirm. Скошенный угол 30px справа снизу — как у блоков сайта;
   здесь вырезан clip-path: под окном полупрозрачная подложка, уголок
   «цвета фона» (как у .sidebar-menu) дал бы другой оттенок. */
.f-confirm {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(17, 17, 17, .55);
    opacity: 0;
    transition: opacity .2s;
}
.f-confirm.is-open {
    opacity: 1;
}
.f-confirm__dialog {
    position: relative;
    width: 100%;
    max-width: 460px;
    background: #fff;
    padding: 28px 24px 24px;
    transform: translateY(12px);
    transition: transform .2s;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.f-confirm.is-open .f-confirm__dialog {
    transform: none;
}
.f-confirm__title {
    margin: 0 0 12px;
}
.f-confirm__message {
    margin: 0 0 24px;
    color: #333;
}
.f-confirm__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
}
.f-confirm__actions .f-button {
    margin-right: 30px;
}
.f-confirm__actions .f-button:last-child {
    margin-right: 15px;
}
/* FormaroModal — окно просмотра: шире, длинное содержимое прокручивается. */
.f-confirm__dialog--modal {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 32px);
}
.f-confirm__body {
    overflow-y: auto;
    margin: 0 0 24px;
    padding-top: 4px;
}
body.f-confirm-open {
    overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
    .f-confirm, .f-confirm__dialog { transition: none; }
}