/* Механика из ds-screen (жидкое меню), перекрашено под токены среднего прода: тело = «меню» LiquidBody (.lq-body-frost--menu: rgba(12,12,12,.96), blur 16),
   кромка и колба — рим --rim-white, акцент выбранного — --cigi-accent. Форма (кнопка + шейка + панель) — один SVG-путь, считается в js/liquid-menu.js. */
.lm {
  --lm-row: 44px; --lm-pad: 6px; --lm-inset: 4px;
  --lm-dark: rgb(12 12 12 / .94);
  position: absolute; inset: 0; pointer-events: none;      /* без своего z-index: жидкость под кнопкой, панель над рядом */
  font-family: var(--font-ui);
}
.lm[hidden] { display: none; }
/* жидкость (goo): лежит ПОД нижними строками — кнопка остаётся сверху, капля выходит у неё из-под края */
.lm__goo { position: absolute; left: 0; top: 0; z-index: 9; overflow: visible; pointer-events: none; }
.lm__goo g { fill: var(--lm-dark); }
/* отдельный стеклянный блок меню: появляется, когда капля встала на место */
.lm__panel { position: absolute; z-index: 12; border-radius: 22px; overflow: hidden; opacity: 0;
  background: var(--lm-dark); -webkit-backdrop-filter: blur(16px) saturate(120%); backdrop-filter: blur(16px) saturate(120%);
  box-shadow: 0 0 2px 3px rgb(0 0 0), 0 18px 40px rgb(0 0 0 / .45); }
.lm__rim { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.lm__list { position: relative; margin: 0; padding: var(--lm-pad) var(--lm-inset); box-sizing: border-box; pointer-events: none; }
.lm.is-open .lm__list { pointer-events: auto; }
/* колба: пилюля внутри панели, едет по FLIP; выбранное = янтарный тон (.cigi-select-item.is-selected) */
.lm__flask { position: absolute; left: var(--lm-inset); right: var(--lm-inset); top: var(--lm-pad); height: var(--lm-row); border-radius: 9999px; pointer-events: none; will-change: transform;
  background: rgba(var(--cigi-accent-rgb), .14); }
.lm__flask::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--glass-border);
  background: linear-gradient(var(--rim-a), rgba(var(--cigi-accent-rgb), .6) 0%, rgba(var(--cigi-accent-rgb), .23) 25%, rgba(var(--cigi-accent-rgb), .23) 75%, rgba(var(--cigi-accent-rgb), .6) 100%);
  -webkit-mask: var(--rim-mask); -webkit-mask-composite: xor; mask: var(--rim-mask); mask-composite: exclude; }
.lm__item { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; height: var(--lm-row); padding: 0 12px; margin: 0; border: 0; border-radius: 9999px; background: transparent; cursor: pointer; text-align: left;
  font: 400 14px/20px var(--font-ui); color: var(--lm-text); -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: color .2s ease; }
.lm__item svg { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--lm-icon); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lm__label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lm__item .lm__check { width: 16px; height: 16px; stroke: var(--cigi-accent); opacity: 0; transition: opacity .2s ease; }
.lm__item[aria-checked="true"] { color: var(--text); font-weight: 600; }
.lm__item[aria-checked="true"] > svg:first-child { stroke: var(--cigi-accent); }
.lm__item[aria-checked="true"] .lm__check { opacity: 1; }
.lm__item:focus-visible { outline: 2px solid var(--cigi-accent); outline-offset: -2px; }
/* кнопка-якорь остаётся кнопкой DS (стекло, кромка, пружина): пока меню открыто, она раздута и толкает соседей (js: hold) */
@media (prefers-reduced-motion: reduce) {
  .lm-anchor .ic { transition: none; }
  .lm__flask { transition: none !important; }
}

/* режим «действия»: нет выбранного пункта — нет колбы и галочки; нажатый пункт подсвечивается */
.lm--actions .lm__flask, .lm--actions .lm__check { display: none; }
.lm--actions .lm__item:active { background: rgba(255, 255, 255, .08); }

/* ---------- нижний ряд Доски (js/liquid-search.js): [календарь] [поиск] — активный капсулой, второй кругом ---------- */
.lsr { position: relative; flex: 1; min-width: 0; height: var(--p-btn); display: flex; align-items: center; gap: var(--p-gap, 8px); }
.lsr__it { position: relative; flex: none; width: var(--p-btn); height: var(--p-btn); border-radius: 999px; }
.lsr__it.is-active { flex: 1; min-width: 0; width: auto; }
.lsr__c { position: absolute; inset: 0; margin: 0; }
.lsr__it.is-active > .lsr__c, .lsr__it:not(.is-active) > .lsr__body { display: none; }
.lsr__body { position: absolute; inset: 0; border-radius: 999px; }
.lsr__body:has(.lsr__week)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--glass-border); background: var(--rim-white); -webkit-mask: var(--rim-mask); -webkit-mask-composite: xor; mask: var(--rim-mask); mask-composite: exclude; pointer-events: none; }
.lsr__body > .cigi-field-wrap { position: absolute; inset: 0; }
.lsr.lq-on .lsr__it { transition: none !important; }
/* неделя: стеклянная капсула с карточками «ПН 22»; выбранный день — стекло с цветной кромкой, без заливки */
.lsr__week { position: absolute; inset: 0; display: flex; align-items: center; gap: 4px; padding: 0 4px; overflow-x: auto; scrollbar-width: none; touch-action: pan-x; border-radius: 999px; box-sizing: border-box;
  background: var(--glass-bg); -webkit-backdrop-filter: blur(var(--glass-blur)) var(--glass-dim); backdrop-filter: blur(var(--glass-blur)) var(--glass-dim); box-shadow: var(--glass-shadow); }
.lsr__week::-webkit-scrollbar { display: none; }
.lsr__day { position: relative; flex: none; width: 48px; height: calc(var(--p-btn) - 8px); margin: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--text); cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; font-family: var(--font-ui); font-variant-numeric: tabular-nums; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.lsr__day i { font-style: normal; font-size: var(--fs-2xs); line-height: 1; letter-spacing: .04em; opacity: .55; }
.lsr__day b { font-size: var(--fs-body); line-height: 1.1; font-weight: 600; opacity: .8; }
.lsr__day.is-today b { color: var(--cigi-accent); }
.lsr__day.is-sel { background: var(--glass-bg-nested); box-shadow: var(--glass-shadow-btn); }
.lsr__day.is-sel i, .lsr__day.is-sel b { opacity: 1; }
.lsr__day.is-sel::after, .lsr-m__d.is-sel::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--glass-border); background: var(--cigi-rim); -webkit-mask: var(--rim-mask); -webkit-mask-composite: xor; mask: var(--rim-mask); mask-composite: exclude; pointer-events: none; }
/* месяц шторкой */
.lsr-m__h { display: flex; align-items: center; justify-content: space-between; gap: var(--p-gap, 8px); margin-bottom: 12px; }
.lsr-m__t { flex: 1; font: 600 var(--fs-title)/1.2 var(--font-ui); color: var(--text); }
.lsr-m__g { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.lsr-m__w { text-align: center; font: normal 600 var(--fs-micro)/24px var(--font-ui); color: var(--text); opacity: .55; }
.lsr-m__d { position: relative; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 14px; background: var(--glass-bg-nested); color: var(--text); font: 500 var(--fs-body)/1 var(--font-ui); font-variant-numeric: tabular-nums; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.lsr-m__d.is-today { color: var(--cigi-accent); }
.lsr-m__d.is-sel { box-shadow: var(--glass-shadow-btn); font-weight: 700; }
.lsr-m__h [data-mv="1"] svg { rotate: 180deg; }