/* Önemli sınav tarihleri (iş emri 1927; veri Kod 1516). Ortak parça: app/views/ortak/_sinav_tarihleri.php.
   Site ve panelde aynı dosya; renkler yalnız renkler.css jetonlarından. Kısa kip = tek sakin şerit (ana sayfalar),
   tam kip = beş tarih alt alta (duyurular). Vurgu yalnız resmî tarihte; tahmini tarih hep sakin (PRD "Vurgu" tablosu). */
.sinav-tarihleri {
  box-sizing: border-box;
  background: var(--renk-beyaz);
  border: 1px solid rgba(var(--renk-mor-rgb), .14);
  border-radius: 20px;
  padding: 22px 26px;
  color: var(--renk-lacivert);
  font-family: Inter, system-ui, sans-serif;
  box-shadow: 0 10px 30px rgba(var(--renk-lacivert-rgb), .04);
}
.sinav-tarihleri .st-baslik {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 14px;
  font: 600 11px/1.4 Inter, system-ui, sans-serif;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--renk-mor);
}
.sinav-tarihleri .st-ikon { flex-shrink: 0; }
.sinav-tarihleri .st-grup + .st-grup { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(var(--renk-mor-rgb), .1); }
.sinav-tarihleri .st-grup-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; }
.sinav-tarihleri .st-sinav { margin: 0; font: 500 18px/1.3 Outfit, Inter, sans-serif; letter-spacing: -.2px; }
.sinav-tarihleri .st-takvim { margin: 0; font-size: 13px; }
.sinav-tarihleri a { color: var(--renk-mor); font-weight: 600; text-decoration: none; }
.sinav-tarihleri a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sinav-tarihleri a:focus-visible { outline: 3px solid rgba(var(--renk-mor-rgb), .35); outline-offset: 3px; border-radius: 4px; }
.sinav-tarihleri .st-takvim a::after, .sinav-tarihleri .st-kaynak::after { content: " ↗"; }
.sinav-tarihleri .st-not, .sinav-tarihleri .st-bos { margin: 10px 0 0; font-size: 14px; color: var(--renk-silik); }
.sinav-tarihleri .st-olaylar { margin: 14px 0 0; padding: 0; }
.sinav-tarihleri .st-olay-ad { font-size: 13px; color: var(--renk-silik); margin: 0; }
.sinav-tarihleri dd { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; }
.sinav-tarihleri .st-tarih { font: 500 16px/1.35 Outfit, Inter, sans-serif; }
.sinav-tarihleri .st-tahmini-etiket { font: 500 12px/1 Inter, system-ui, sans-serif; color: var(--renk-silik); }
/* Kalan gün rozeti: sakin = marka moru; tahmini = silik; yaklaşıyor = uyarı; acil = tehlike. */
.sinav-tarihleri .st-kalan {
  display: inline-flex; align-items: center;
  padding: 5px 11px; border-radius: 999px;
  font: 600 12px/1.2 Inter, system-ui, sans-serif; white-space: nowrap;
  background: var(--renk-mor-acik); color: var(--renk-mor);
}
.sinav-tarihleri .st-tahmini .st-kalan { background: rgba(var(--renk-silik-rgb), .13); color: var(--renk-lacivert); font-weight: 500; }
.sinav-tarihleri .st-olay-yaklasiyor .st-kalan { background: rgba(var(--renk-uyari-rgb), .2); color: var(--renk-uyari-metin); }
.sinav-tarihleri .st-olay-acil .st-kalan { background: rgba(var(--renk-tehlike-rgb), .12); color: var(--renk-tehlike-metin); }
.sinav-tarihleri .st-kaynak { font-size: 13px; }
.sinav-tarihleri .st-kontrol { font-size: 12px; color: var(--renk-silik); }
.sinav-tarihleri .st-aciklanmadi .st-tarih { font: 400 14px/1.4 Inter, system-ui, sans-serif; color: var(--renk-silik); }

/* Kısa kip: tek satırlık şerit — solda başlık ve sınav, sağda sıradaki tarih büyük. */
.sinav-tarihleri[data-kip="kisa"] .st-grup { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 28px; }
.sinav-tarihleri[data-kip="kisa"] .st-grup-ust { flex-direction: column; align-items: flex-start; gap: 4px; }
.sinav-tarihleri[data-kip="kisa"] .st-olaylar { margin: 0; }
.sinav-tarihleri[data-kip="kisa"] .st-olay { display: grid; justify-items: end; gap: 4px; text-align: right; }
.sinav-tarihleri[data-kip="kisa"] dd { justify-content: flex-end; }
.sinav-tarihleri[data-kip="kisa"] .st-tarih { font-size: 22px; letter-spacing: -.3px; }
.sinav-tarihleri[data-kip="kisa"] .st-kalan { font-size: 13px; padding: 6px 13px; }
.sinav-tarihleri[data-kip="kisa"] .st-not,
.sinav-tarihleri[data-kip="kisa"] .st-bos { margin: 0; text-align: right; }

/* Tam kip: satır satır; sıradaki tarih hafif mor zeminle öne çıkar. */
.sinav-tarihleri[data-kip="tam"] .st-olay {
  display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 4px 18px;
  padding: 12px 14px; border-radius: 12px;
}
.sinav-tarihleri[data-kip="tam"] .st-olay + .st-olay { border-top: 1px solid rgba(var(--renk-mor-rgb), .08); }
.sinav-tarihleri[data-kip="tam"] .st-siradaki { background: var(--renk-mor-acik); border-top-color: transparent; }
.sinav-tarihleri[data-kip="tam"] .st-siradaki + .st-olay { border-top-color: transparent; }
.sinav-tarihleri[data-kip="tam"] .st-siradaki .st-olay-ad { color: var(--renk-lacivert); font-weight: 600; }
.sinav-tarihleri[data-kip="tam"] .st-siradaki .st-kalan { background: var(--renk-beyaz); }
.sinav-tarihleri[data-kip="tam"] .st-kontrol { margin-left: auto; }

/* Yerleşim: site ana sayfasında sınav seçici ile bölümler arasında; panelde kartların üstünde. */
.kapsayici > .sinav-tarihleri { margin: 8px 0 40px; }
.ana-icerik > .sinav-tarihleri { margin: 0 0 20px; }
.dy-sayfa > .sinav-tarihleri { margin: 0 0 28px; }

@media (max-width: 640px) {
  .sinav-tarihleri { padding: 18px; border-radius: 16px; }
  .sinav-tarihleri[data-kip="kisa"] .st-grup { grid-template-columns: 1fr; }
  .sinav-tarihleri[data-kip="kisa"] .st-olay { justify-items: start; text-align: left; }
  .sinav-tarihleri[data-kip="kisa"] dd { justify-content: flex-start; }
  .sinav-tarihleri[data-kip="kisa"] .st-tarih { font-size: 20px; }
  .sinav-tarihleri[data-kip="kisa"] .st-not,
  .sinav-tarihleri[data-kip="kisa"] .st-bos { text-align: left; }
  .sinav-tarihleri[data-kip="tam"] .st-olay { grid-template-columns: 1fr; padding: 12px 10px; }
  .sinav-tarihleri[data-kip="tam"] .st-kontrol { margin-left: 0; flex-basis: 100%; }
}