/* Тур по обновлению (T9, design/tasks-2026-11-06/T9-tour.md; js/tour.js). Слой 55: выше окон (30) и листов (41), ниже
   плашки «Отменить» (60) и тостов (70) — запись цены, начатая до тура, остаётся под рукой. Затемнение — тенью выреза:
   тёмная #000 .72, светлая .5; кольцо выреза 2 px ink. Нажатия по затемнению и вырезу не проходят (tour.js). */
.tour { position: fixed; inset: 0; z-index: 55; touch-action: none; --tourDim: rgba(0,0,0,0.72); }
[data-theme="light"] .tour { --tourDim: rgba(0,0,0,0.5); }
.tour-hole { position: absolute; box-sizing: border-box; border: 2px solid var(--ink); box-shadow: 0 0 0 200vmax var(--tourDim);
  pointer-events: none; transition: left 200ms ease-out, top 200ms ease-out, width 200ms ease-out, height 200ms ease-out, border-radius 200ms ease-out; }
.tour-card { position: absolute; left: 16px; right: 16px; max-width: 448px; margin: 0 auto; box-sizing: border-box; padding: 20px;
  display: flex; flex-direction: column; gap: 0; background: var(--surface); color: var(--ink); border-radius: var(--r-20);
  box-shadow: inset 0 0 0 1px var(--line); transition: top 200ms ease-out, bottom 200ms ease-out; outline: none; }
[data-theme="light"] .tour-card { box-shadow: inset 0 0 0 1px var(--line), 0 8px 24px rgba(0,0,0,0.12); }
.tour.calm .tour-hole, .tour.calm .tour-card { transition: none; }
@media (prefers-reduced-motion: reduce) { .tour-hole, .tour-card { transition: none; } }
/* Уголок 10 px: смотрит на элемент (над карточкой — сверху, класс up; под ней — снизу). */
.tour-tip { position: absolute; width: 14px; height: 14px; margin-left: -7px; background: var(--surface); transform: rotate(45deg);
  bottom: -7px; box-shadow: inset -1px -1px 0 var(--line); }
.tour-card.up .tour-tip { bottom: auto; top: -7px; box-shadow: inset 1px 1px 0 var(--line); }
.tour-top { display: flex; align-items: center; justify-content: space-between; min-height: 24px; margin: -10px 0 4px; }
.tour-n { font-size: var(--fs-13); color: var(--ink2); }
.tour-skip { min-height: 44px; min-width: 44px; margin-right: -10px; padding: 0 10px; border: 0; background: none; color: var(--ink2);
  font: 600 var(--fs-14) 'Manrope', system-ui, sans-serif; cursor: pointer; }
.tour-skip[hidden] { display: none; }
.tour-t { margin: 0; font-size: var(--fs-20); font-weight: 700; line-height: 1.25; outline: none; }
/* Фокус на заголовке — для диктора (T9 «Доступность»), рамки на нём не рисуем: это не кнопка. */
.tour .tour-t:focus, .tour .tour-t:focus-visible { outline: none; }
.tour-x { margin: 8px 0 0; font-size: var(--fs-16); line-height: 1.4; color: var(--ink); }
.tour-go { margin-top: 18px; min-height: 52px; width: 100%; box-shadow: none; }
/* Строка «Как устроено приложение» в «Помощи» — кнопка видом строки списка. */
.tourrow { width: 100%; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.tourrow .col { flex: 1; }

/* T12: показ гайда админам (js/tour.js startGuide). Светлая тема — затемнение как у листа; экран меняется (hold) — вырез и
   карточка прячутся, потом появляются; «Здесь пока пусто» — без выреза и уголка, затемнение остаётся тенью точки. */
[data-theme="light"] .tour.guide { --tourDim: rgba(70,76,68,.38); }
.tour.tour-wait .tour-hole, .tour.tour-wait .tour-card { visibility: hidden; }
.tour.tour-empty .tour-hole { border-color: transparent; }
.tour.tour-empty .tour-tip { display: none; }
/* Компактная карточка показа: вырез большой, места мало (js/tour.js placeGuide) — без лишних отступов. */
.tour-card.compact { padding: 12px 16px; }
.tour-card.compact .tour-top { margin: -6px 0 0; }
.tour-card.compact .tour-x { margin-top: 4px; }
.tour-card.compact .tour-go { margin-top: 10px; min-height: 44px; }
/* Светлая тема: фон карточки — как у листа (#A9AEA6), поэтому текст тёмный (контраст >= 4,5:1), как у кнопок на светлом. */
[data-theme="light"] .tour-card, [data-theme="light"] .tour-card .tour-t, [data-theme="light"] .tour-card .tour-x { color: var(--pillActiveText); }
[data-theme="light"] .tour-card .tour-n, [data-theme="light"] .tour-card .tour-skip { color: var(--pillActiveText); }