/* Mobile guest cards (keeps desktop table) */
@media (max-width: 860px){
  .table-wrap > table{display:none !important;}
  /* Hide the table only on phones; we'll render cards instead */
  .table-wrap{display:block !important;}

  .guest-cards{display:grid; grid-template-columns:1fr; gap:10px;}
  .guest-card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:12px; box-shadow:var(--shadow);}
  .guest-card .row{display:flex; justify-content:space-between; align-items:center; gap:10px;}
  .guest-card .name{font-family:Playfair Display,serif; font-size:18px; line-height:1.2;}
  .guest-card .meta{color:var(--muted); font-size:13px; margin-top:6px;}
  .guest-card .status{display:flex; align-items:center; gap:8px; font-size:13px; margin-top:6px;}
  .guest-card .actions{margin-top:10px; display:flex; gap:8px;}
  .guest-card .tick{width:18px; height:18px;}
  .guest-card .actions .btn, .guest-card .actions .btn-ghost, .guest-card .actions .checkin-btn{flex:1}
}