/* ================= RESET ================= */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* ================= ROOT ================= */
html,body{
  width:100vw;
  height:100vh;
  overflow:hidden;
  background:#000;
  font-family:Verdana,Arial,sans-serif;
  font-weight:700;
}

/* ================= KIOSK WRAPPER ================= */
/* Ekranı REFERANS ALIR – boşluk bırakmaz */
#kiosk-wrapper{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
}

/* ================= TABLE ================= */
#customers{
  width:100%;
  height:100%;
  border-collapse:collapse;
  color:#fff;
  font-size:46px;
}

/* Hücreler */
#customers td{
  border:2px solid #fff;
  padding:12px 16px;
  height:96px;
  vertical-align:middle;
}

/* ================= RENKLER ================= */
#beyaz{background:#fff;color:#000}
#kirmizi{background:#a90707}
#koyu{background:#761212}
#gri{background:#3e4245}

/* ================= LOGO & BAŞLIK ================= */
.logo{
  width:65%;
}

.baslik{
  font-size:82px;
  letter-spacing:1px;
}

/* ================= TARİH / SAAT ================= */
.datetime{
  display:flex;
  align-items:center;
  gap:16px;
}

.dt-icon{width:44px}

.dt-text{
  font-size:46px;
  line-height:1.1;
}

/* ================= SATIR İÇERİK ================= */
.example{
  display:flex;
  align-items:center;
  gap:18px;
}

.simge{width:54px}

.isim{white-space:nowrap}

/* ================= FİYATLAR ================= */
.td-font,
.fiyat{
  font-size:68px;
  text-align:right;
  padding-right:22px;
  font-weight:900;
}

/* ================= DÖVİZ ================= */
#usd-fiyat,
#eur-fiyat{
  font-size:68px;
  font-weight:900;
  text-align:right;
  padding-right:22px;
}

/* Döviz başlığı – TEK SATIR */
#customers tr#koyu td[colspan="3"]{
  font-size:42px;
  white-space:nowrap;
  letter-spacing:0.3px;
}

/* ================= FOOTER ================= */
#customers tr:last-child td{
  font-size:46px;
  letter-spacing:1px;
}

/* ================= YANIP SÖNME ================= */
@keyframes flashGreen{
  0%{background:#1aff1a}
  100%{background:transparent}
}

@keyframes flashRed{
  0%{background:#ff2b2b}
  100%{background:transparent}
}

.up-flash{
  animation:flashGreen .9s ease 3;
}

.down-flash{
  animation:flashRed .9s ease 3;
}