/* Real check-in card (top of the Tonight screen): verified presence at a canonical venue.
   Same surfaces as the Tonight plan card; violet glow when checked in. */

.ci-wrap { padding-bottom: 0; }
.ci-card {
  display: flex; flex-direction: column; gap: 10px;
  padding: 16px 16px 14px;
  border-radius: 22px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.ci-card.on {
  background: radial-gradient(90% 80% at 15% 0%, rgba(157, 92, 255, 0.26), transparent 70%), #100c1a;
  border-color: rgba(185, 139, 255, 0.45);
  box-shadow: 0 0 32px rgba(157, 92, 255, 0.2);
}
.ci-lead { margin: 0; font-size: 14px; line-height: 1.45; color: #e4def0; }
.ci-muted { margin: 0; font-size: 13px; color: var(--muted); }

.ci-venues { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ci-venue-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 10px 10px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
}
.ci-venue-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ci-venue-text b { font-size: 15px; font-weight: 800; color: var(--fg); overflow-wrap: anywhere; }
.ci-venue-text span { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.ci-btn { flex: none; min-height: 42px; padding: 0 14px; font-size: 14px; }
.ci-btn:disabled { opacity: 0.55; box-shadow: none; cursor: default; }
.ci-card.on .ci-btn { align-self: stretch; min-height: 46px; }

.ci-badge {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px;
  background: var(--accent-soft); border: 1px solid var(--accent); color: var(--accent-light);
  font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  box-shadow: 0 0 16px rgba(157, 92, 255, 0.4);
}
.ci-badge svg { width: 13px; height: 13px; }
.ci-venue {
  margin: 0;
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(20px, 6.5vw, 26px); line-height: 1.1;
  text-transform: uppercase; overflow-wrap: anywhere;
}
.ci-time { margin: 0; font-size: 14px; font-weight: 700; color: #e4def0; }
.ci-diag { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.45; }

.ci-message { margin: 0; font-size: 13px; font-weight: 700; line-height: 1.45; }
.ci-message.error { color: #ff8fa3; }
.ci-message.info { color: var(--accent-light); }