/* ЭСТАФЕТА КОНТЕКСТА ХРИСЫ (задача 2537) — полоса «Мои разговоры», замок,
   вкладка «только для чтения», «Помню», полка. Цвета — токены темы
   «тепло-золото» (--tz-*), с запасом на alexxx.ai, где их нет: день и ночь
   переключаются темой страницы, своих правил на тему здесь не нужно.
   Телефон 390 px: полоса — горизонтальная лента, крутится сама, а страница
   вбок не едет (overflow у ленты, min-width:0 у родителя); кнопки ≥ 48 px. */
.est-polosa { display: flex; align-items: center; gap: 8px; max-width: 760px; margin: 0 auto 8px;
  padding: 0 12px; min-width: 0; box-sizing: border-box; width: 100%; }
/* Телефон: подпись и «Скачать разговор» — первой строкой, лента вкладок —
   второй, во всю ширину (кадр 390 круга 1: между ними ленте оставалось 40 px). */
@media (max-width: 760px) {
  .est-polosa { flex-wrap: wrap; justify-content: space-between; row-gap: 6px; }
  .est-vkladki { order: 3; flex: 1 0 100%; }
}
.est-polosa-zag { flex: 0 0 auto; font: 600 13px var(--tz-shrift, system-ui); color: var(--tz-seryy, #6e665b); }
.est-vkladki { display: flex; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x proximity; flex: 1 1 auto; min-width: 0; padding: 2px; scrollbar-width: thin; }
.est-vkladka { flex: 0 0 auto; scroll-snap-align: start; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: center; gap: 1px; min-height: 48px; max-width: 190px;
  padding: 6px 12px; border-radius: 14px; border: 1px solid var(--tz-ramka, #efe6d6);
  background: var(--tz-pole, #fff); color: var(--tz-tekst, #25211c); cursor: pointer;
  font: 13px var(--tz-shrift, system-ui); text-align: left; }
.est-vkladka b { font-weight: 600; font-size: 12px; color: var(--tz-seryy, #6e665b); }
.est-vkladka span { display: block; max-width: 166px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.est-vkladka[aria-selected="true"] { border-color: var(--tz-zoloto, #d6a53a); box-shadow: 0 0 0 1px var(--tz-zoloto, #d6a53a) inset; }
.est-menyu-kn, .est-skachat-kn { flex: 0 0 auto; min-height: 48px; padding: 0 12px; border-radius: 14px;
  border: 1px solid var(--tz-ramka, #efe6d6); background: transparent; color: var(--tz-tekst, #25211c);
  font: 600 13px var(--tz-shrift, system-ui); cursor: pointer; }
.est-menyu { position: absolute; z-index: 60; min-width: 180px; padding: 6px; border-radius: 14px;
  background: var(--tz-pole, #fff); border: 1px solid var(--tz-ramka, #efe6d6);
  box-shadow: var(--tz-ten-polya, 0 8px 28px rgba(0,0,0,.15)); }
.est-menyu-punkt { display: block; width: 100%; min-height: 48px; padding: 0 14px; text-align: left;
  border: 0; border-radius: 10px; background: transparent; color: var(--tz-tekst, #25211c);
  font: 15px var(--tz-shrift, system-ui); cursor: pointer; }
.est-menyu-punkt:hover, .est-menyu-punkt:focus-visible { background: var(--tz-ramka, #efe6d6); }

.est-stroka { margin: 10px 0; padding: 10px 14px; border-radius: 14px; max-width: 640px;
  border: 1px dashed var(--tz-zoloto, #d6a53a); background: var(--tz-siyanie, rgba(242,211,139,.25));
  color: var(--tz-tekst, #25211c); font: 15px/1.45 var(--tz-shrift, system-ui); }
.est-stroka p { margin: 0; }

.est-zamok { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 12px 4px; }
.est-pereezd { min-height: 52px; padding: 0 22px; border: 0; border-radius: var(--tz-r-knopka, 26px);
  background: var(--tz-zoloto, #d6a53a); color: var(--tz-na-zolote, #25211c);
  box-shadow: var(--tz-ten-knopki, none); font: 600 16px var(--tz-shrift, system-ui); cursor: pointer; max-width: 100%; }
.est-pereezd:disabled { opacity: .6; cursor: progress; }
.est-podpis { margin: 0; text-align: center; color: var(--tz-seryy, #6e665b); font: 14px/1.4 var(--tz-shrift, system-ui); }
.est-vtor { min-height: 48px; padding: 0 16px; border-radius: 14px; border: 1px solid var(--tz-ramka, #efe6d6);
  background: transparent; color: var(--tz-tekst, #25211c); font: 600 14px var(--tz-shrift, system-ui); cursor: pointer; }

.est-chtenie, .est-polka, .est-pomnyu { max-width: 760px; margin: 0 auto; padding: 0 12px 12px; box-sizing: border-box; width: 100%; }
.est-plashka { display: inline-block; margin: 4px 0 10px; padding: 6px 12px; border-radius: 999px;
  background: var(--tz-ramka, #efe6d6); color: var(--tz-tekst, #25211c); font: 600 13px var(--tz-shrift, system-ui); }
.est-cht-lenta { display: flex; flex-direction: column; gap: 8px; }
.est-soob { padding: 8px 12px; border-radius: 14px; max-width: 92%; font: 15px/1.45 var(--tz-shrift, system-ui);
  color: var(--tz-tekst, #25211c); overflow-wrap: anywhere; }
.est-soob p { margin: 2px 0 0; white-space: pre-wrap; }
.est-soob small { color: var(--tz-seryy, #6e665b); font-size: 12px; }
.est-soob--gost { align-self: flex-end; background: var(--tz-ramka, #efe6d6); }
.est-soob--alex { align-self: flex-start; background: var(--tz-pole, #fff); border: 1px solid var(--tz-ramka, #efe6d6); }
.est-cht-niz { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 14px; }

.est-pomnyu { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.est-pomnyu p { flex: 1 1 100%; margin: 6px 0; padding: 10px 14px; border-radius: 14px;
  background: var(--tz-siyanie, rgba(242,211,139,.25)); color: var(--tz-tekst, #25211c); font: 15px/1.45 var(--tz-shrift, system-ui); }
.est-vyzhimka { margin: 8px 0; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--tz-ramka, #efe6d6);
  background: var(--tz-pole, #fff); color: var(--tz-tekst, #25211c); }
.est-vyzhimka p { margin: 4px 0 8px; font: 14px/1.45 var(--tz-shrift, system-ui); white-space: pre-wrap; cursor: pointer; }
.est-vyzhimka small { color: var(--tz-seryy, #6e665b); }
.est-zabyt-vse { margin: 8px 8px 0 0; }
.est-pusto { color: var(--tz-seryy, #6e665b); font: 14px var(--tz-shrift, system-ui); }
/* Поле ввода и блок чата прячутся АТРИБУТОМ hidden, а их собственные стили
   (vhod.css: display:flex) атрибут перебивают — замер стенда 27.09: на 100 %
   поле оставалось на экране, а блок чата перекрывал кнопку «Скачать разговор»
   во вкладке «только для чтения». Здесь атрибут снова главнее. */
#vhod-forma[hidden], #vhod-blok[hidden] { display: none !important; }
[hidden].est-polosa, .est-zamok[hidden], .est-chtenie[hidden], .est-polka[hidden], .est-pomnyu[hidden], .est-menyu[hidden] { display: none; }