/* ==========================================================================
   Контент на 992–1399px: behaving exactly like ≥1400px
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1399.98px) {
    /* Ряд не переносит колонки и не центрирует их */
    .container-fluid > .row {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }

    /* Рабочая колонка занимает всё место после сайдбара */
    .col-xxl.col-xl-9.col-lg-9 {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

@media (min-width: 991px) {
    .aside {
        height: 100vh;
        position: fixed;
        left: 0;
        z-index: 10;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .aside::-webkit-scrollbar {
        display: none;
    }
    .workspace {
        margin-left: 60px;
    }
}

#screen-modal-type-applicationDetails .grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
}

#screen-modal-type-applicationDetails .form-group {
    min-width: 0 !important;
}

#screen-modal-type-applicationDetails p {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

#screen-modal-type-applicationDetails .badge {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    display: inline-block !important;
}

#screen-modal-type-applicationDetails .modal-dialog {
    max-width: 95vw !important;
    margin: 1.75rem auto !important;
}

#screen-modal-type-applicationDetails .modal-body {
    max-height: 85vh !important;
    overflow-y: auto !important;
}