/* ШАПКА СЕРВИСА — общее правило мульти-приложения (решение владельца 2026-08-07).
   Эталон — шапка модуля «Документы»: круглая кнопка «‹» слева, над названием мелким
   шрифтом надпись «Сервис». Так возврат выглядит ВЕЗДЕ, где нужно вернуться назад.

   Верхнюю кнопку Telegram («Закрыть») мы НЕ подменяем и не превращаем в «назад»:
   она всегда закрывает приложение. Возврат — только этой кнопкой в интерфейсе.

   Файл намеренно самодостаточный: подключается рядом с любыми своими стилями
   и ничего, кроме .appbar*, не задевает — чтобы его можно было добавить и в монолит
   «Отбора» без риска для живых экранов. */

.appbar{display:flex; align-items:center; gap:12px; margin-bottom:22px}

/* Кнопка «назад» — и внутри шапки, и отдельно (.backbtn): её ставят и в нестандартные
   шапки модулей. Без второго селектора кнопка вне .appbar получала браузерный
   серый фон — поймано на шапке «Памяти о клиентах» 2026-08-07. */
.appbar .back,
.backbtn{
  width:38px; height:38px; flex:0 0 38px; border-radius:12px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; padding:0;
  background:var(--surface-card, #1A1A1E);
  border:0.5px solid var(--border, #2E2E36);
  color:var(--text-secondary, #A2A2AC);
  -webkit-tap-highlight-color:transparent;
}
.appbar .back:active,
.backbtn:active{background:var(--surface-hover, #2B2B33)}

/* min-height:0 — обязательно. В theme.css у `.who` стоит запас 66px под две
   строки приветствия на витрине, и в шапке сервиса он растягивал блок, а текст
   уезжал вверх мимо кнопки «назад». Здесь высоту задаёт содержимое. */
.appbar .who{flex:1; min-width:0; min-height:0;
  display:flex; flex-direction:column; justify-content:center}
.appbar .crumb{font-size:12.5px; color:var(--text-muted, #75757F)}
.appbar .title{font-size:16px; font-weight:650; letter-spacing:-.2px;
  color:var(--text-primary, #F0F0F4);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}