/**
 * index.rusmet.ru - Responsive layout fixes
 * Breakpoint 1200px (xl): iPad Pro 1024px, iPad, tablets get mobile layout
 * v2
 */

/* Base layout */
.platform-container,
.platform-container .platform-row {
    min-height: 0;
}
.platform-row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Mobile/tablet: < 1200px */
@media (max-width: 1199.98px) {
    .platform-aside,
    .aside {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        height: calc(1.325rem + .9vw + 2em) !important;
        min-height: unset !important;
        overflow: hidden !important;
        order: 1;
        position: relative;
        z-index: 1040;
    }
    .aside-collapse {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .aside .aside-header,
    .aside header {
        flex-shrink: 0;
        min-height: 3.5rem;
    }
    .header-toggler {
        display: flex !important;
        min-height: 44px;
        min-width: 44px;
        align-items: center;
        padding: 0.5rem;
        cursor: pointer;
        position: relative;
        z-index: 1050;
    }
    .platform-content,
    .container-fluid .platform-row > [class*="col-"]:not(.aside):not(.platform-aside) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        order: 2;
    }
    body.menu-open .platform-aside,
    body.menu-open .aside {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
        position: relative;
        z-index: 1050;
    }
    body.menu-open .aside-collapse {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        min-height: calc(100vh - 4rem);
    }
    body.menu-open .workspace {
        display: none !important;
    }
}

/* Desktop: >= 1200px */
@media (min-width: 1200px) {
    .platform-aside,
    .aside {
        min-height: 100vh !important;
        overflow: visible !important;
    }
}

body.menu-open .aside-collapse {
    visibility: visible !important;
    opacity: 1 !important;
}

body {
    overflow-x: hidden;
}

/* Tables: horizontal scroll on small screens */
[data-controller="table"],
.table-responsive,
.table-responsive-sm {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
[data-controller="table"] .table,
.table-responsive .table {
    min-width: min-content;
}

/* Configure columns - details/summary dropdown (works without JS) */
.configure-columns-details summary {
    list-style: none;
}
.configure-columns-details summary::-webkit-details-marker {
    display: none;
}
.configure-columns-details summary::marker {
    display: none;
}
.configure-columns-details[open] summary {
    margin-bottom: 0.25rem;
}


/* Prevent ID wrapping in index list */
.index-id-nowrap {
    white-space: nowrap;
}
/* Prevent wrapping in index list columns */
.index-id-nowrap,
.index-type-nowrap {
    white-space: nowrap;
}