﻿.erp-catalog-modal .modal-dialog {
    width: calc(100% - 1.5rem);
    max-width: 1060px;
    margin-inline: auto;
}

.erp-catalog-modal .modal-content {
    border-radius: .75rem;
    overflow: hidden;
}

.erp-catalog-modal .modal-header,
.erp-catalog-modal .modal-footer {
    padding: .85rem 1.25rem;
}

.erp-catalog-modal .modal-body {
    padding: 1rem 1.25rem 1.25rem;
    overflow-y: auto;
}

.erp-catalog-modal .erp-section-heading {
/*    font-size: .83rem;
*/    font-weight: 700;
    color: var(--bs-gray-800, #343a40);
    border-bottom: 1px dashed var(--bs-gray-300, #dee2e6);
    padding-bottom: .4rem;
    margin-bottom: .75rem;
}

.erp-catalog-modal .erp-field-label {
    display: block;
/*    font-size: .79rem;
*/    font-size: .9rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: .35rem;
    white-space: normal;
}

.erp-catalog-modal .fv-row {
    min-width: 0;
    margin-bottom: 0;
}

.erp-catalog-modal .erp-compact-form .form-control.form-control-sm,
.erp-catalog-modal .erp-compact-form .form-select.form-select-sm {
    min-height: 36px;
    height: 36px;
    padding: .375rem .7rem;
/*    font-size: .875rem;
*/    line-height: 1.5;
}

.erp-catalog-modal textarea.form-control {
    height: auto;
    min-height: 70px;
}

.erp-catalog-modal .select2-container {
    width: 100% !important;
    max-width: 100%;
}

.erp-catalog-modal .select2-container--bootstrap5 .select2-selection--single {
    min-height: 36px;
    height: 36px;
    padding: .3rem .7rem;
/*    font-size: .875rem;
*/}

    .erp-catalog-modal .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
        line-height: 1.6;
    }

.erp-catalog-modal .select2-container--bootstrap5 .select2-selection--multiple {
    min-height: 36px;
    height: auto;
    padding: .2rem .5rem;
/*    font-size: .875rem;
*/}

.erp-catalog-modal .modal-footer .btn {
    min-width: 90px;
}

.erp-catalog-modal .form-control:focus-visible,
.erp-catalog-modal .form-select:focus-visible {
    outline-offset: 1px;
}

@media (max-width: 767.98px) {
    .erp-catalog-modal .modal-dialog {
        width: calc(100% - 1rem);
        max-width: none;
    }

    .erp-catalog-modal .modal-header,
    .erp-catalog-modal .modal-footer {
        padding: .7rem 1rem;
    }

    .erp-catalog-modal .modal-body {
        padding: .85rem 1rem;
    }

    .erp-catalog-modal .row.g-3 {
        --bs-gutter-y: .65rem;
    }
}