/* 2026-07-09: убрана левая панель ФИЛЬТРОВ (Режим/недели/дни/слои/Загрузка ЭТП).
   Управление зоной живёт в правой карточке ЭТП (etpDetailPanel, появляется при клике
   на зону). Навигация (sidebar) остаётся слева как была. Карта занимает всё место
   освобождённой панели фильтров. */

/* Панель фильтров по умолчанию скрыта, но ДОСТУПНА по кнопке «Фильтры» (2026-07-13:
   владелец снова хочет выбор дня недели с «Все»). Открывается выезжающим справа drawer'ом
   — не занимает место постоянно. */
.map-filter-panel { display: none !important; }
.map-filter-panel.open {
    display: flex !important;
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: min(340px, 88vw);
    z-index: 1200;
    box-shadow: -2px 0 18px rgba(0, 0, 0, .25);
    border-right: none;
    border-left: 1px solid var(--border-color);
}

/* Кнопка «Фильтры» — возвращена, верх-право карты (не мешает toolbar слева) */
.filter-toggle {
    display: inline-flex !important;
    position: absolute;
    top: 12px; right: 12px;
    z-index: 660;
    align-items: center;
    gap: 6px;
}
.filter-toggle::after { content: attr(data-label); }
.panel-backdrop.show { display: block; position: fixed; inset: 0; z-index: 1150;
    background: rgba(0, 0, 0, .35); }

/* === Единая панель на карте: режим + слои (2026-07-09) === */
.map-toolbar {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 650;
    display: flex;
    align-items: stretch;
    background: var(--bg-primary, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .12);
    overflow: visible;
}
/* режим-табы внутри общей панели — без своего фона/рамки */
.map-toolbar .view-mode-tabs {
    display: flex;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
/* слои внутри общей панели */
.map-toolbar .map-layers-fab {
    position: static;
    display: flex;
    align-items: stretch;
}
.map-toolbar .map-layers-fab__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: transparent;
    border: none;
    border-left: 1px solid var(--border-color, #e2e8f0);  /* разделитель со «Слои» */
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary, #1e293b);
}
.map-toolbar .map-layers-fab__btn:hover { background: var(--bg-hover, #f1f5f9); }
.map-toolbar .map-layers-fab__menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: var(--bg-primary, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .14);
    min-width: 190px;
}
.map-toolbar .map-layers-fab.open .map-layers-fab__menu { display: flex; }


/* Мобилка: не перекрывать бургер (.sidebar-toggle fixed 12/12) */
@media (max-width: 768px) {
    .map-toolbar {
        left: 64px;
        max-width: calc(100vw - 76px);
        flex-wrap: wrap;
    }
}
