/* ============================================================
   QIF VIEWER LAYOUT — DESKTOP
   ============================================================ */
.qif-body {
    height: calc(100vh - var(--navbar-height));
    display: grid;
    grid-template-columns: 35% 65%;
    overflow: hidden;
}

.context-panel {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.viewer-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

    .viewer-panel .card {
        flex: 1;
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .viewer-panel .card-body {
        flex: 1;
        overflow: hidden;
        padding: 0 !important;
    }

.cad-viewer {
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.resize-handle {
    display: none !important;
}

@media (max-width: 992px) {
    .viewer-panel {
        order: 1 !important;
        height: 45vh !important;
        min-height: 300px;
    }

}