/* ── MOBILE RESPONSIVE ── */
.burger{display:none;background:none;border:none;color:#e6edf3;font-size:20px;cursor:pointer;padding:4px 8px;flex-shrink:0;}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199;}
.sb-overlay.show{display:block;}

@media(max-width:768px){
    .burger{display:block;}

    /* Sidebar — выезжает поверх контента */
    .sidebar{position:fixed!important;left:-260px!important;top:0;height:100%;z-index:200;transition:left .25s ease;width:240px!important;overflow-y:auto;}
    .sidebar.open{left:0!important;}

    /* Снимаем все ограничения высоты — скролл идёт через body */
    body{height:auto!important;overflow:auto!important;}
    .main{height:auto!important;overflow:visible!important;width:100%;}
    .content{height:auto!important;overflow:visible!important;padding:14px 14px 100px 14px!important;}
    .content-area{height:auto!important;overflow:visible!important;padding:14px 14px 100px 14px!important;}

    /* Topbar фиксируем вверху */
    .topbar{position:sticky;top:0;z-index:100;padding:10px 14px!important;gap:8px;}

    /* Таблица — горизонтальный скролл если не влезает */
    .data-table-container,.panel{overflow-x:auto!important;}

    /* Карточки статистики */
    .stats-row,.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}

    /* Модальные окна */
    .modal{align-items:flex-start!important;padding:10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
    .modal-box{width:95vw!important;max-width:none!important;margin:10px auto;max-height:none!important}

    /* Форма */
    .form-row.col2{grid-template-columns:1fr!important;}

    /* Средний блок */
    .mid-row{grid-template-columns:1fr!important;}
}