/* Bekleme salonu TV ekrani. Uzaktan okunacagi icin her sey buyuk. */
.display { display: flex; flex-direction: column; height: 100vh; overflow: hidden; }

.d-top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 32px; border-bottom: 1px solid var(--line); background: var(--panel);
}
.d-top h1 { margin: 0; font-size: 1.6rem; letter-spacing: .02em; }
.d-top-right { display: flex; align-items: center; gap: 26px; }
.d-counts { color: var(--muted); font-size: 1rem; }
.d-clock { font-size: 1.6rem; font-weight: 700; }

.d-main {
  flex: 1; display: grid; grid-template-columns: 1.15fr 1fr;
  gap: 24px; padding: 24px 32px; min-height: 0;
}
@media (max-width: 1100px) { .d-main { grid-template-columns: 1fr; } }

/* --- Son cagrilan --- */
.d-latest {
  background: var(--panel); border: 1px solid var(--line); border-radius: 22px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; padding: 24px; min-height: 0;
}
.d-latest-label { color: var(--muted); letter-spacing: .22em; font-size: clamp(.8rem, 1.4vw, 1.1rem); }
.d-latest-number {
  font-size: clamp(6rem, 22vw, 20rem); font-weight: 800; line-height: .95;
}
.d-latest-station { font-size: clamp(1.4rem, 3.4vw, 3rem); font-weight: 700; color: var(--accent); }

/* Yeni cagri geldiginde dikkat cekmek icin yanip soner */
@keyframes flash {
  0%, 100% { background: var(--panel); }
  15%, 45% { background: #1d3a6b; }
}
.d-latest.flash { animation: flash 1.6s ease-in-out 2; }

/* --- Istasyon kartlari --- */
.d-stations {
  display: grid; gap: 14px; align-content: start;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  overflow-y: auto; min-height: 0;
}
.d-station {
  background: var(--panel); border: 1px solid var(--line); border-radius: 16px;
  padding: 16px 18px; display: flex; flex-direction: column; gap: 4px;
}
.d-station.busy { border-color: var(--accent); background: #142033; }
.d-station .s-name { color: var(--muted); font-size: clamp(.85rem, 1.2vw, 1.05rem); }
.d-station .s-ticket {
  font-size: clamp(2rem, 4.4vw, 3.6rem); font-weight: 800; line-height: 1.05;
  font-variant-numeric: tabular-nums;
}
.d-station .s-idle { color: #4b5563; }

/* --- Onceki cagrilar --- */
.d-recent { border-top: 1px solid var(--line); background: var(--panel); padding: 14px 32px 18px; }
.d-recent-label { color: var(--muted); letter-spacing: .18em; font-size: .78rem; margin-bottom: 10px; }
.d-recent-list { display: flex; gap: 12px; flex-wrap: wrap; }
.d-recent-item {
  background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px;
  padding: 8px 16px; display: flex; align-items: baseline; gap: 10px;
}
.d-recent-item b { font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.d-recent-item span { color: var(--muted); font-size: .88rem; }