/* Стили «Встречи». Цвета только из 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; 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; }
/* How long a date is on stands apart from its «Войти». */
.mt-row .mt-when + .w-btn { margin-left: 8px; }

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

/* Result readiness stays readable beside quiet metadata, also when the title is long. */
.mt-row-meta { display: flex; flex-wrap: wrap; gap: 0 10px; min-width: 0; }
.mt-row-meta .w-row-meta { min-width: 0; }
.mt-result { font-size: 13px; line-height: 20px; color: var(--muted-foreground); }

/* Cancelled dates keep their history below the useful dates of their day. */
.mt-cancelled { margin-top: 4px; }
.mt-cancelled > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; width: fit-content; max-width: 100%; padding: 0 8px; margin-left: -8px; border-radius: 8px; color: var(--muted-foreground); font-size: 13px; cursor: pointer; list-style: none; }
.mt-cancelled > summary::-webkit-details-marker { display: none; }
.mt-cancelled > summary:hover { color: var(--foreground); background: var(--hover); }
.mt-cancelled > summary .w-i { width: 14px; height: 14px; transition: transform .14s; }
.mt-cancelled[open] > summary .w-i { transform: rotate(180deg); }