/* ============================================================
   ELVENSONG_MOBILE_SEARCH_FIX v1.0.0
   Только catalog.elvensong.ru (b2b НЕ затрагивается).
   1) Строка поиска от левого края до правого (мобильные).
   2) Шапка с поиском «приклеена» (sticky) при скролле.
   3) Панель «Автосумма» (Σ): бэкдроп закрывает и строку поиска
   и верхний бар (сейчас они остаются яркими из-за stacking).
   ============================================================ */

/* ---------- 1 и 2: полноширинная + sticky-шапка поиска ---------- */
@media (max-width: 860px) {
  .ops-root.ops-embedded .ops-top {
    /* компенсируем padding:12px от main + обнуляем боковые padding,
       чтобы строка поиска легла от края до края */
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* приклеиваем шапку при скролле (базовый sticky был затёрт в
       .ops-root.ops-embedded .ops-top -> position:relative) */
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
  }
}

/* ---------- 3: Автосумма (Σ) должна затемнять и строку поиска ---------- */
/* Бэкдроп лежит внутри .kanban-stack (position:sticky,z:20) — это его
   stacking-контекст, из-за чего backdrop(z:80) закрыт шапкой (ops-top z:40).
   Когда панель открыта (.finance-sheet-backdrop в DOM) — опускаем строку
   поиска и верхний бар ниже слоя канбана (z:20), чтобы backdrop их затемнил.
   Бургер-скрим (z:45) при этом НЕ трогаем — регрессии нет. */
body:has(.finance-sheet-backdrop) .ops-root.ops-embedded .ops-top {
  z-index: 10 !important;
}
body:has(.finance-sheet-backdrop) .md\:hidden.sticky.top-0.z-30 {
  z-index: 10 !important;
}