/* ModalYesNo — extends dashboard Modal; matches backend yes/no layout (No | Yes) */

.modal-yes-no .modal-yes-no__header {
    border-bottom: 1px solid rgba(205, 210, 228, 0.66);
}

.modal-yes-no .modal-yes-no__header .modal__title {
    padding-right: 0;
}

.modal-yes-no .modal-yes-no__body {
    min-height: 0;
}

.modal-yes-no .modal-yes-no__footer {
    justify-content: flex-end;
    gap: 12px;
}

.modal-yes-no .modal-yes-no__footer .modal__action-btn--secondary {
    order: 0;
}

.modal-yes-no .modal-yes-no__footer .modal-yes-no__btn-yes {
    order: 1;
    background-color: var(--color-blue-navy);
}

.modal-yes-no .modal-yes-no__footer .modal-yes-no__btn-yes:hover {
    background-color: var(--color-blu);
}

@media (max-width: 640px) {
    .modal-yes-no .modal-yes-no__footer {
        flex-wrap: wrap;
        height: auto;
        min-height: 56px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .modal-yes-no .modal-yes-no__footer .modal__action-btn,
    .modal-yes-no .modal-yes-no__footer .modal__action-btn--secondary {
        flex: 1 1 auto;
        min-width: 120px;
    }
}