/*
 * استاندارد سراسری فرم‌های دسکتاپ
 * در موبایل و تبلت اندازه‌های عادی Bootstrap حفظ می‌شوند.
 * برای فرم‌های دارای ستون‌بندی اختصاصی از data-form-layout="explicit" و برای
 * انصراف کامل از data-form-density="comfortable" استفاده شود.
 */
@media (min-width: 1200px) {
    #main-container .content form:not([data-form-density="comfortable"]) .row {
        --bs-gutter-x: .85rem;
        --bs-gutter-y: .65rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .form-label {
        margin-bottom: .25rem;
        font-size: .79rem;
        line-height: 1.35;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .form-text {
        margin-top: .2rem;
        font-size: .69rem;
        line-height: 1.35;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .expense-card > header,
    #main-container .content form:not([data-form-density="comfortable"]) .staff-pastel-card > header,
    #main-container .content form:not([data-form-density="comfortable"]) .card > .card-header {
        min-height: 44px;
        padding: .5rem .85rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .expense-card__body:not(.p-0),
    #main-container .content form:not([data-form-density="comfortable"]) .staff-pastel-card__body:not(.p-0),
    #main-container .content form:not([data-form-density="comfortable"]) .card > .card-body:not(.p-0) {
        padding: .8rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .form-control:not(textarea):not(.form-control-sm),
    #main-container .content form:not([data-form-density="comfortable"]) .form-select:not(.form-select-sm) {
        min-height: 36px;
        padding-top: .34rem;
        padding-bottom: .34rem;
        font-size: .85rem;
        border-radius: .45rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) textarea.form-control:not(.form-control-sm) {
        min-height: 58px;
        padding: .45rem .65rem;
        font-size: .85rem;
        line-height: 1.45;
        border-radius: .45rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) input[type="file"].form-control:not(.form-control-sm) {
        padding: .25rem .45rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .select2-container--default .select2-selection--single {
        min-height: 36px;
        border-radius: .45rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]) .select2-container--default .select2-selection--single .select2-selection__rendered,
    #main-container .content form:not([data-form-density="comfortable"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 34px;
        font-size: .85rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]):not([data-form-layout="explicit"]) .row > [class*="col-"]:not(.col-12):not(.col-sm-12):not(.col-md-12):not(.col-lg-12):not(.col-xl-12):not(.col-xxl-12):has(input[data-jdp]):not(:has(input[type="time"])) {
        flex: 0 1 11.5rem;
        width: 11.5rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]):not([data-form-layout="explicit"]) .row > [class*="col-"]:not(.col-12):not(.col-sm-12):not(.col-md-12):not(.col-lg-12):not(.col-xl-12):not(.col-xxl-12):has(> select.form-select) {
        flex: 0 1 18rem;
        width: 18rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]):not([data-form-layout="explicit"]) .row > [class*="col-"]:not(.col-12):not(.col-sm-12):not(.col-md-12):not(.col-lg-12):not(.col-xl-12):not(.col-xxl-12):has(> input.form-control:not([type="file"]):not([data-jdp])) {
        flex: 0 1 15rem;
        width: 15rem;
    }

    #main-container .content form:not([data-form-density="comfortable"]):not([data-form-layout="explicit"]) .row > [class*="col-"]:not(.col-12):not(.col-sm-12):not(.col-md-12):not(.col-lg-12):not(.col-xl-12):not(.col-xxl-12):has(> textarea.form-control) {
        flex: 1 1 24rem;
        width: auto;
        min-width: 24rem;
    }

    #main-container .content .expense-file-box {
        gap: .55rem;
        padding: .45rem .65rem;
    }

    #main-container .content .expense-file-box > i {
        width: 30px;
        height: 30px;
    }
}