/* Вайб-зоны вне комнаты: переключатель «Все / Игры / Зоны» на главной, ряд зон в мастере стола,
   метка зоны в карточке стола. Сама комната — в zones.css. */

/* home: open tables filter */
.kind-switch { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--r-pill); background: var(--surface); box-shadow: 0 0 0 1px var(--line) inset; }
.kind-tab { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 13px; border: 0; border-radius: var(--r-pill); background: none; color: var(--muted); font: 600 13px/1 var(--sans); cursor: pointer; transition: background var(--dur-2), color var(--dur-2); }
.kind-tab b { font-size: 11px; color: var(--gold); }
.kind-tab b:empty { display: none; }
.kind-tab:hover { color: var(--ink); }
.kind-tab.is-on { background: rgba(217, 183, 122, 0.16); color: var(--ink); box-shadow: 0 0 0 1px rgba(217, 183, 122, 0.4) inset; }
.kind-tab:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.tcards .tcard[hidden] { display: none; }
.kind-empty { margin: 0 0 14px; }
.home-tables .section-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

/* zone cards on the home page and the open tables list */
.tcard-phase.is-zone i { background: #b99cff; box-shadow: 0 0 8px #b99cff; }
.tcard.is-zone .chip { background: rgba(60, 26, 70, 0.75); }

/* wizard: second row of cards */
.zone-pick { margin-top: 18px; }
.zone-pick-title small { font-weight: 500; font-size: 12.5px; }
.zones-row { margin-top: 8px; }
.zone-card .mode-text small { opacity: 0.9; }
.wizard.is-zone .zone-note { margin-top: 10px; }
.zone-topics { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.zone-topic-own { margin-top: 12px; }

@media (max-width: 640px) {
  .home-tables .section-actions { width: 100%; justify-content: space-between; }
  .kind-tab { padding: 0 10px; }
}