/* Саб-бара нет: название страницы живёт в центре топ-меню.
   Нижнее меню спрятано → название уезжает вверх, снизу заезжает баланс (в долларах). Топ-меню при скролле не прячется. */
.screen .sub-bar { display: none; }
.screen.is-top-hidden .top-menu { translate: none; opacity: 1; visibility: visible; pointer-events: auto; }

.top-center { position: relative; justify-self: stretch; align-self: center; height: 36px; overflow: hidden; border-radius: 30px; cursor: pointer; }
.top-center > .cigi-sub-title { position: absolute; left: 50%; top: 0; max-width: 100%;
  transition: translate .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease; }
.top-title   { translate: -50% 0; }
.top-balance { translate: -50% 110%; opacity: 0; color: var(--cigi-accent); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.screen.is-bottom-hidden .top-title   { translate: -50% -110%; opacity: 0; }
.screen.is-bottom-hidden .top-balance { translate: -50% 0; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .top-center > .cigi-sub-title { transition: none; } }

/* затемнение под шапкой — по новой высоте шапки (статус-бар + топ-меню), а не по старой двухэтажной */
.screen::after {
  --fade-top: calc(var(--p-status) + var(--p-btn));
  background:
    linear-gradient(to bottom, rgb(0 0 0 / .92) 0, rgb(0 0 0 / .78) var(--fade-top), rgb(0 0 0 / 0) calc(var(--fade-top) + 14px)) top / 100% calc(var(--fade-top) + 14px) no-repeat,
    linear-gradient(to top, rgb(0 0 0 / .95) 0, rgb(0 0 0 / .8) 120px, rgb(0 0 0 / 0) 190px) bottom / 100% 190px no-repeat;
}

/* длинное название (товар, клиент) — обрезка многоточием в пределах плашки */
.top-center > .top-title { display: block; line-height: 36px; max-width: 100%; }
/* середина шапки узкая (между двумя парами кнопок) — плашка компактнее, чтобы влезали «Уведомления», «Настройки» */
.top-center > .cigi-sub-title { padding: 0 12px; font-size: 13px; letter-spacing: .02em; }

/* вверху всегда название раздела/страницы — баланс больше не подменяет его */
.screen.is-bottom-hidden .top-title { translate: -50% 0; opacity: 1; }
.top-balance { display: none; }

/* капсула раздела — прозрачное стекло, белый текст (без золота) */
html .top-center > .cigi-sub-title.dv-pill { color: #fff; }
/* колокол: прозрачное стекло, иконка белая */
#b-bell, #b-bell.dv-rb { --dv-rb-tone-icon-default: #fff; --dv-rb-tone-icon-pressed: #fff; }