/* Events page (Figma page 05 · Events). Page-specific layout only; tokens and shared components live in app.css. */
.ev-actions { display: flex; align-items: center; gap: 12px; flex: none; }

/* Filter chips are toggle buttons (one pressed at a time via [data-segmented]). */
.ev-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.ev-filters > .chip { border: 0; background: var(--surface-high); color: var(--ink-soft); }
.ev-filters > .chip[aria-pressed="true"] { background: var(--rust-wash); color: var(--rust-ink); }
.ev-filters > .chip:hover { color: var(--ink); }

/* Calendar card */
.ev-cal-card { gap: 6px; }
.ev-views { display: flex; align-items: center; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--rust-ink); white-space: pre; }
.ev-views > button { padding: 0; border: 0; background: none; color: inherit; font-weight: inherit; }
.ev-cal { display: flex; flex-direction: column; gap: 6px; }
.ev-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.ev-dows { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .88px; text-transform: uppercase; color: var(--faint); text-align: center; }
.ev-day {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px; height: 76px; min-width: 0; padding: 6px; overflow: hidden;
  border-radius: 8px; background: var(--surface-raised); color: var(--ink-soft); font-size: 13px; line-height: 18px;
}
.ev-day > b { font-weight: 600; }
.ev-day.blank { background: none; }
.ev-day.today { border: 1.5px solid var(--rust-bright); color: var(--rust-bright); }
.ev-day.has-event { background: var(--rust-wash); color: var(--rust-ink); }
.ev-day.has-event:hover { outline: 1px solid var(--rust-deep); }
.ev-day .ic { display: none; }

/* Upcoming events rows */
.ev-row { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); scroll-margin-top: 96px; }
.ev-date { flex: none; display: flex; flex-direction: column; align-items: center; padding: 8px; border-radius: 8px; background: var(--rust-wash); color: var(--rust-ink); }
.ev-date > b { font: 700 16px/22px Manrope, system-ui, sans-serif; }
.ev-info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ev-meta { flex: none; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; white-space: nowrap; }

/* Featured event card */
.ev-image { display: flex; align-items: center; justify-content: center; height: 140px; border-radius: 10px; background: var(--surface-high); }
.ev-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ev-line { display: flex; align-items: center; gap: 8px; }
.ev-ticket { display: flex; align-items: center; gap: 10px; }
.ev-ticket > div:not(.spacer) { display: flex; flex-direction: column; gap: 2px; white-space: nowrap; }
.ev-buttons { display: flex; align-items: flex-start; gap: 8px; }
.ev-buttons > .btn { flex: 1 1 0; min-width: 0; }

/* Event kit checklist */
.ev-kit { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ev-kit li { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 18px; color: var(--ink-soft); }

.ev-a11y { background: var(--surface-raised); }

@media (min-width: 1200px) {
  .ev-split { grid-template-columns: minmax(0, 689fr) minmax(0, 423fr); }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .content { gap: 20px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ev-header { align-items: center; flex-wrap: nowrap; }
}
@media (max-width: 767px) {
  .ev-header { gap: 20px; }
  .ev-header .h1 { font-size: 20px; line-height: 28px; letter-spacing: -0.2px; }
  .ev-header .titles p { font-size: 13px; line-height: 18px; }
  .ev-actions { gap: 8px; }
  .ev-split, .ev-split > .stack { gap: 20px; }
  .ev-day { height: 44px; }
  .ev-day .ev-label { display: none; }
  .ev-day .ic { display: block; width: 6px; height: 6px; }
}