/* QLive Basic — tier styling.
   Deliberately restrained: flatter surfaces, simpler layout, less chrome.
   This is the visual floor the other two tiers are measured against. */

:root { --topbar-h: 58px; }

.tier-basic .panel { border-radius: var(--r-md); box-shadow: none; }
.tier-basic .stat  { border-radius: var(--r-md); box-shadow: none; }
.tier-basic .stat:hover { transform: none; box-shadow: var(--shadow-xs); }
.tier-basic .now-panel { border-radius: var(--r-md); }
.tier-basic .qrow { border-radius: var(--r-sm); }

/* Basic runs a single consulting room, so the layout is a simple two-column
   desk: the queue on the left, controls and check-in on the right. */
.basic-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: clamp(12px, 1.6vw, 18px);
  align-items: start;
}
@media (max-width: 940px) {
  .basic-layout { grid-template-columns: 1fr; }
}

.checkin-qr {
  display: flex;
  gap: 16px;
  align-items: center;
}
.checkin-qr .qr-box { width: 130px; margin: 0; flex: none; }
.checkin-qr p { font-size: .82rem; color: var(--muted); }

.history-item {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 0; border-bottom: 1px solid var(--line-soft);
  font-size: .85rem;
}
.history-item:last-child { border-bottom: 0; }
.history-item .t { font-family: var(--font-mono); color: var(--faint); min-width: 38px; font-size: .8rem; }
.history-item .n { flex: 1; color: var(--text); }
.history-item .d { font-family: var(--font-mono); font-size: .76rem; color: var(--faint); }