/* MultiBar 1.9.6 */

/* ---------- Зал: схема в просмотре — масштаб (10–300 %), прокрутка, плавающие кнопки масштаба ---------- */
.hall-cvbox { position: relative; }
.hall-overlay:not(.is-edit) .hall-cvwrap { display: flex; overflow: auto; max-height: 64vh; overscroll-behavior: contain; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
.hall-overlay:not(.is-edit) .hall-cvwrap .hall-cv { margin: auto; flex: 0 0 auto; }
.hall-view-zoom { position: absolute; right: 8px; bottom: 8px; z-index: 3; box-shadow: 0 3px 12px rgba(0, 0, 0, .18); background: var(--card); }
.hall-view-zoom button { height: 32px; }
.hall-overlay:not(.is-edit) .hall-cvwrap { min-height: 150px; }

/* ---------- Зал: телефон лёжа — схема слева на всю высоту, управление справа ---------- */
@media (orientation: landscape) and (max-height: 620px) {
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-screen {
        display: grid; grid-template-columns: minmax(0, 1fr) 262px; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; column-gap: 10px; padding: 0 10px;
    }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-screen > .nkl-header { display: none !important; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-top { grid-column: 2; grid-row: 1; margin: 6px 0 4px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-bar { grid-column: 2; grid-row: 2; padding: 0 0 4px; gap: 5px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-bar .hall-day { font-size: 12.5px; min-width: 0; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-bar .hall-day svg { display: none; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-body { display: contents; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-time { grid-column: 2; grid-row: 3; margin: 0 0 4px; gap: 6px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-cvbox { grid-column: 1; grid-row: 1 / -1; min-height: 0; margin: 6px 0; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-cvbox .hall-cvwrap { height: 100%; max-height: none; box-sizing: border-box; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-leg { grid-column: 2; grid-row: 4; margin: 0 0 4px; flex-wrap: wrap; gap: 2px 8px; font-size: 10.5px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) #hall-tp { grid-column: 2; grid-row: 5; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-foot { grid-column: 2; grid-row: 6; padding: 2px 0 4px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-foot .btn-main { min-height: 0; padding-top: 9px; padding-bottom: 9px; font-size: 14px; }
    .hall-overlay.open[data-htab="plan"]:not(.is-edit) .hall-empty { grid-column: 1 / -1; grid-row: 3 / 6; }
}

/* ---------- Телефон лёжа (низкий экран): шапка и нижняя панель компактнее, чтобы рабочая зона не пропадала ---------- */
@media (orientation: landscape) and (max-height: 520px) {
    body.nav-tabs-bar .tabs { padding-top: 2px !important; padding-bottom: calc(2px + env(safe-area-inset-bottom, 0px)) !important; }
    body.nav-tabs-bar .tabs > .tab-btn { flex-direction: row !important; gap: 6px !important; padding: 5px 4px !important; font-size: 11px !important; justify-content: center; }
    body.nav-tabs-bar .tab-btn .mb-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; }
}

/* ---------- Зал: «Новая бронь» — компактно ---------- */
.hf-row3 { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr) minmax(0, 1.1fr); gap: 8px; }
.hf-row3 .hf-f .mb-dt-trigger, .hf-row3 .hf-f .custom-select-trigger, .hf-row3 .hf-f select, .hf-row3 .hf-f input[type="date"] { height: 44px; padding-left: 8px; padding-right: 8px; font-size: 14px; }
.hf-step-s { gap: 3px; }
.hf-step-s button { width: 30px; height: 44px; border-radius: 10px; font-size: 20px; }
.hf-step-s input { height: 44px; line-height: 44px; font-size: 16px; border-radius: 10px; }
.hall-sheet .hf-grid { gap: 8px 8px; }

/* ---------- Вкладки «Накладные … Зал»: тот же «лоток», что и у основных вкладок (подсветка сверху, кромка, тень, прозрачность) ---------- */
body .nkl-overlay.mb-as-tab:not(.is-edit) .nkl-screen,
html[data-wallpaper]:not([data-wallpaper="none"]) body .nkl-overlay.mb-as-tab:not(.is-edit) .nkl-screen {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, var(--c-hi)) 0, rgba(255, 255, 255, 0) 140px),
        linear-gradient(rgba(var(--primary-rgb), var(--c-tint)), rgba(var(--primary-rgb), var(--c-tint))),
        var(--card) !important;
    border: 1.5px solid var(--c-edge);
    box-shadow: var(--c-drop), inset 0 1px 0 var(--c-rim), inset 0 -2px 0 var(--c-base) !important;
    border-radius: 18px; box-sizing: border-box;
}
/* фон вкладок страницы 2 — тот же, что у основных (обои и рисунок на странице), а не свой непрозрачный слой поверх */
html[data-wallpaper]:not([data-wallpaper="none"]) .nkl-overlay.mb-as-tab { background: transparent !important; background-image: none !important; }
html[data-wallpaper]:not([data-wallpaper="none"]) .nkl-overlay .hall-foot { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; }

/* ---------- «Закрепить имена» (график, табель): закреплённые ячейки непрозрачные — иначе при прозрачности цифры просвечивают сквозь имя ---------- */
.sch-wrap.pin .sch-table td.sch-name, .sch-wrap.pin .sch-table th.sch-name { background: rgb(var(--card-rgb)) !important; z-index: 4; }
.sch-wrap.pin .sch-table th.sch-grp { background: linear-gradient(rgba(var(--primary-rgb), .16), rgba(var(--primary-rgb), .16)), rgb(var(--card-rgb)) !important; }
.sch-wrap.pin .sch-table .sch-cnt td.sch-name { background: rgb(var(--card-rgb)) !important; }

/* ---------- Склад: итог по товару — жёлтый (чтобы не путать с кнопкой единицы измерения); «Сохранить факт» — белая, как «Загрузить бланк» ---------- */
#inv-list .inv-fact-total {
    color: var(--mb-transit-ink, #8a5a00) !important; background: rgba(var(--mb-transit-rgb, 242, 183, 5), .22) !important;
    border: 1.5px solid rgba(var(--mb-transit-rgb, 242, 183, 5), .65) !important; font-weight: 800;
}
#inventory .inv-actions .btn.btn-save { background: var(--card) !important; color: var(--primary) !important; border: 1.5px solid rgba(var(--primary-rgb), .35) !important; }

/* ---------- Телефон лёжа: поля по краям экрана и высота поиска меньше — рабочей зоне достаётся больше места ---------- */
@media (orientation: landscape) and (max-height: 520px) {
    body.nav-tabs-bar { padding-top: 6px !important; padding-bottom: 42px !important; }
    #app-root .global-search-bar, #app-root form.global-search-bar { min-height: 38px !important; padding-top: 1px !important; padding-bottom: 1px !important; }
    #app-root .global-search-bar #global-search-input { height: 32px !important; min-height: 0 !important; padding-top: 2px !important; padding-bottom: 2px !important; }
    #app-root .global-search-bar .drawer-toggle-btn, #app-root .global-search-bar .search-submit-btn { width: 34px !important; height: 34px !important; min-height: 0 !important; }
    #app-root .header { margin-bottom: 4px; }
    #app-root > .container { padding: 12px !important; min-height: 0; }
}