.dashboard-header { margin-bottom:0; }
.booked-events-page { padding:28px 0 64px; background:#f4f7f8; }
.booked-events-page .container { max-width:1040px; }
.booked-events-header { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px; }
.booked-events-header h1 { margin:0; color:#111820; font-size:clamp(1.8rem,5vw,2.5rem); }
.booked-events-header p:last-child { max-width:650px; margin:7px 0 0; color:#667085; }
.booked-events-header > div:last-child { display:flex; gap:8px; }
.ticket-eyebrow { margin:0 0 5px; color:#1479d4; font-size:.75rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.booked-events-status { margin-bottom:12px; color:#667085; font-weight:800; }
.booked-events-list { display:grid; gap:14px; }
.booked-event-card { display:grid; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid #dbe3e8; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(31,41,51,.06); scroll-margin-top:18px; }
.booked-event-card > img { width:100%; height:100%; min-height:220px; object-fit:cover; }
.booked-event-copy { padding:18px; }
.booked-event-copy h2 { margin:7px 0 10px; color:#111820; font-size:1.35rem; }
.booked-event-copy p { display:flex; align-items:flex-start; gap:8px; margin:6px 0; color:#667085; }
.booked-event-copy p i { width:16px; margin-top:4px; color:#1479d4; text-align:center; }
.booked-event-badges { display:flex; flex-wrap:wrap; gap:6px; }
.booked-event-badges span { padding:4px 8px; border-radius:999px; color:#166534; background:#dcfce7; font-size:.7rem; font-weight:900; text-transform:uppercase; }
.booked-event-badges span.is-waitlist { color:#92400e; background:#fef3c7; }
.booked-event-badges span.is-checked-in { color:#1e40af; background:#dbeafe; }
.booked-event-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.booked-event-actions .btn { min-height:44px; display:inline-flex; align-items:center; gap:7px; justify-content:center; }
.ticket-panel { grid-column:1 / -1; padding:22px; border-top:1px solid #dbe3e8; background:#eff6ff; text-align:center; }
.ticket-panel h3 { margin:0 0 9px; color:#111820; }
.ticket-panel p { margin:0; color:#475467; }
.ticket-qr { display:grid; width:256px; max-width:100%; min-height:256px; margin:14px auto 10px; padding:8px; place-items:center; border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(31,41,51,.1); }
.ticket-qr img,.ticket-qr canvas { max-width:100%; height:auto !important; }
.ticket-panel strong,.ticket-panel small { display:block; overflow-wrap:anywhere; }
.ticket-panel small { margin-top:5px; color:#475467; }
.booked-events-empty { display:grid; justify-items:center; padding:38px 20px; border:1px dashed #cbd5dc; border-radius:14px; background:#fff; text-align:center; }
.booked-events-empty i { color:#1479d4; font-size:2rem; }
.booked-events-empty h2 { margin:12px 0 5px; color:#111820; }
.booked-events-empty p { color:#667085; }
@media (max-width:767px) {
  .booked-events-page { padding-top:20px; }
  .booked-events-header { display:grid; align-items:start; }
  .booked-events-header > div:last-child { display:grid; grid-template-columns:1fr 1fr; }
  .booked-events-header .btn { min-height:44px; display:flex; align-items:center; justify-content:center; }
  .booked-event-card { grid-template-columns:1fr; }
  .booked-event-card > img { height:170px; min-height:0; }
  .booked-event-copy { padding:15px; }
  .booked-event-actions { display:grid; grid-template-columns:1fr; }
  .booked-event-actions .btn { width:100%; }
  .ticket-panel { grid-column:1; padding:18px 14px; }
}