/* Bootstrap 4 form-group spacing was lost when these dialogs moved to Bootstrap 5.
   Scope the compatibility rules to legacy forms; custom scheduler/map/Popisi
   dialogs keep their own spacing. Product IDs are shared by the three catalogs. */
.modal:is(#modal-montaza, #nalog, #proizvod, #izlozeni-klimi, #proizvoditel,
    #mali-aparati, #priemnici, #ispratnici, #narackaFaktura, #narackaDetali,
    #otkaziKlimaNaracka, #zabeleska-montaza, #procentNaracki, #modalDostava,
    #user, #reset-password, #reset-password-user) .modal-body :is(.row:not(:has(.row)), .form-group) {
    margin-bottom: 1rem;
}

/* Some catalog dialogs put the grid on modal-body itself. Its negative grid
   margins must not extend the white panel beyond the modal-content border. */
.modal:is(#proizvod, #izlozeni-klimi) .modal-body.row {
    margin: 0;
}

#proizvod .modal-body label:not(.form-check-label):not(.col-form-label) {
    margin-bottom: .375rem;
}

.modal:is(#pregledMontaziDen, #pregledMontaziGrad, #pregledMontaziKlient,
    #pregledMontaziOtkazani) .modal-body > .row {
    row-gap: 1rem;
    margin-bottom: 1rem;
}

.modal:is(#modal-montaza, #nalog, #proizvod, #izlozeni-klimi, #proizvoditel,
    #mali-aparati, #priemnici, #ispratnici, #narackaFaktura, #narackaDetali,
    #otkaziKlimaNaracka, #zabeleska-montaza, #procentNaracki, #modalDostava,
    #user, #reset-password, #reset-password-user) :is(.modal-body, .form-control,
    .form-select, .input-group-text, .modal-footer .btn) {
    font-size: .875rem;
}

@media (min-width: 768px) {
    .modal:is(#modal-montaza, #nalog, #proizvod, #izlozeni-klimi, #proizvoditel,
        #mali-aparati, #priemnici, #ispratnici, #narackaFaktura, #narackaDetali,
        #otkaziKlimaNaracka, #zabeleska-montaza, #procentNaracki, #modalDostava,
        #user, #reset-password, #reset-password-user) .text-right { text-align: right; }
}

@media (max-width: 767.98px) {
    #nalog .modal-body .pe-0 { padding-right: .75rem !important; }
    .modal:is(#modal-montaza, #nalog, #proizvod, #izlozeni-klimi, #proizvoditel,
        #mali-aparati, #priemnici, #ispratnici, #narackaFaktura, #narackaDetali,
        #otkaziKlimaNaracka, #zabeleska-montaza, #procentNaracki, #modalDostava,
        #user, #reset-password, #reset-password-user) .modal-body .px-5 {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }
    .modal:is(#modal-montaza, #nalog, #proizvod, #izlozeni-klimi, #proizvoditel,
        #mali-aparati, #priemnici, #ispratnici, #narackaFaktura, #narackaDetali,
        #otkaziKlimaNaracka, #zabeleska-montaza, #procentNaracki, #modalDostava,
        #user, #reset-password, #reset-password-user) .text-right { text-align: left; }
}