/* Стили «Встречи». Владелец — по карте слотов 00-plan §4; цвета только из theme.css. */

/* The tabs are links (?tab=past): no underline of a link. */
.mt-page .w-tab { text-decoration: none; }
.mt-panel { padding-bottom: 24px; }
.mt-list > .w-day:first-child { margin-top: 16px; }

/* A date: the struck-through title of a cancelled one, the state at the right. */
.mt-row .w-row-name s { color: var(--muted-foreground); text-decoration-thickness: 1px; }
.mt-state.is-soon, .mt-row.is-soon .w-row-time { color: var(--soon); }
.mt-state.is-live { color: var(--soon); font-weight: 500; }
.mt-state.is-missed { color: var(--late); }
.mt-state.is-cancelled { color: var(--muted-foreground); }
.mt-more { display: flex; justify-content: center; margin-top: 16px; }

/* «Прошедшие»: ← октябрь 2026 → */
.mt-month { display: flex; align-items: center; gap: 4px; margin-top: 16px; }
.mt-month .w-ib { color: var(--body); text-decoration: none; }
.mt-month .w-ib:hover { background: var(--hover); color: var(--foreground); }
.mt-month-name { min-width: 148px; margin: 0; text-align: center; }
.mt-month-name::first-letter { text-transform: uppercase; }
.mt-month-off { opacity: .35; }

/* «Комнаты» */
.mt-room .w-row-meta { font-variant-numeric: tabular-nums; }
.mt-ib:hover { background: var(--hover); color: var(--foreground); }

/* The faces of the first people before how soon it is (prototype «Дальше»); the ring is the colour under the row. */
.mt-faces { margin-right: 10px; }
.mt-when { color: var(--muted-foreground); font-variant-numeric: tabular-nums; white-space: nowrap; }

@media (max-width: 760px) {
  .mt-faces { display: none; }
  .mt-month .w-ib, .mt-ib { width: 44px; height: 44px; }
  .mt-more .w-btn { width: 100%; height: 44px; }
}