/* ==========================================================================
   Eti Maden İç Denetim Yazılımı - Özel stiller
   Kurumsal, sade ve okunaklı bir arayüz için temel görsel düzenlemeler.
   ========================================================================== */

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

body {
  background-color: #f4f6f9;
  color: #212529;
}

/* Odak (focus) görünürlüğü — erişilebilirlik için belirgin çerçeve */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus, .form-select:focus {
  box-shadow: 0 0 0 0.15rem rgba(13, 110, 90, 0.35);
}

/* Kurumsal üst menü rengi (koyu yeşil-teal ton) */
.eti-navbar {
  background: linear-gradient(90deg, #0d6e5a 0%, #0b5345 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.eti-navbar .navbar-brand { color: #ffffff; letter-spacing: .2px; }
.eti-navbar .nav-link { color: rgba(255,255,255,0.85); }
.eti-navbar .nav-link:hover { color: #ffffff; }
.eti-logo { font-size: 1.1rem; }

/* Kartlar */
.card {
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  border-radius: .5rem;
}
.card-header { font-weight: 600; }

/* Gösterge paneli özet kutuları */
.ozet-kutu {
  border-radius: .6rem;
  padding: 1.1rem 1.25rem;
  color: #fff;
  height: 100%;
}
.ozet-kutu .sayi { font-size: 2rem; font-weight: 700; line-height: 1; }
.ozet-kutu .etiket { font-size: .9rem; opacity: .95; }
.ozet-mavi   { background: linear-gradient(135deg, #1c6ea4, #144e75); }
.ozet-yesil  { background: linear-gradient(135deg, #198754, #146c43); }
.ozet-turuncu{ background: linear-gradient(135deg, #d97706, #b45309); }
.ozet-gri    { background: linear-gradient(135deg, #6c757d, #495057); }

/* Tablolar */
.table > :not(caption) > * > * { vertical-align: middle; }

/* Durum rozetleri */
.rozet-aktif      { background-color: #198754; }
.rozet-devredildi { background-color: #d97706; }
.rozet-kapatildi  { background-color: #6c757d; }
.rozet-pasif      { background-color: #b02a37; }

/* Giriş ekranı */
.giris-kutu {
  max-width: 420px;
  margin: 4rem auto;
}
.giris-baslik { color: #0b5345; }

footer.footer { background-color: #ffffff; font-size: .875rem; }

/* Zorunlu alan işareti */
.zorunlu::after { content: " *"; color: #b02a37; font-weight: 700; }

/* Doğrulama özeti: hata yokken (validation-summary-valid) kutuyu gizle */
.validation-summary-valid { display: none; }
.validation-summary-errors ul { margin: 0; padding-left: 1.1rem; }

/* ==========================================================================
   İZLEME PANOSU (dashboard) stilleri
   ========================================================================== */

/* Sayaç kartları */
.pano-kart {
  border-radius: .6rem;
  padding: .9rem 1rem;
  color: #fff;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
  transition: transform .15s ease;
}
.pano-kart:hover { transform: translateY(-2px); }
.pano-kart .sayi { font-size: 1.7rem; font-weight: 700; line-height: 1.1; }
.pano-kart .etiket { font-size: .78rem; opacity: .95; }

.pano-acik      { background: linear-gradient(135deg, #0d6efd, #0a58ca); }
.pano-gecikmis  { background: linear-gradient(135deg, #fd7e14, #ca6510); }
.pano-ikiyil    { background: linear-gradient(135deg, #dc3545, #a71d2a); }
.pano-yaklasan  { background: linear-gradient(135deg, #ffc107, #d39e00); color: #212529; }
.pano-bekleyen  { background: linear-gradient(135deg, #0dcaf0, #0aa2c0); }
.pano-kapatilan { background: linear-gradient(135deg, #198754, #146c43); }
.pano-risk      { background: linear-gradient(135deg, #6c757d, #495057); }
.pano-oran      { background: linear-gradient(135deg, #0d6e5a, #0b5345); }

/* YANIP SÖNEN uyarı (gecikmiş / 2 yılı aşan / bekleyen bildirim).
   Erişilebilirlik: hareket azaltma tercihinde animasyon kapatılır. */
@keyframes yanip-sonme-anim {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(220, 53, 69, .55); }
  50%      { opacity: .72; box-shadow: 0 0 0 .45rem rgba(220, 53, 69, 0); }
}
.yanip-sonme { animation: yanip-sonme-anim 1.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .yanip-sonme { animation: none; }
}

/* Demo ortamı uyarı şeridi (yalnızca örnek veri yüklüyken görünür) */
.demo-serit {
  background: repeating-linear-gradient(45deg, #ffe08a, #ffe08a 12px, #ffd35c 12px, #ffd35c 24px);
  color: #4a3600;
  border-bottom: 1px solid #e0b93c;
  letter-spacing: .2px;
}

/* İzleme zaman çizelgesi (bulgu detayı) */
.izleme-zaman { border-left: 3px solid #dee2e6; margin-left: .6rem; padding-left: 1rem; }
.izleme-adim { position: relative; margin-bottom: 1rem; }
.izleme-adim::before {
  content: ""; position: absolute; left: -1.42rem; top: .35rem;
  width: .8rem; height: .8rem; border-radius: 50%; background: #6c757d;
}
.izleme-adim.adim-bekliyor::before { background: #0dcaf0; }
.izleme-adim.adim-kapatildi::before { background: #198754; }
.izleme-adim.adim-risk::before { background: #6c757d; }
.izleme-adim.adim-sure::before { background: #fd7e14; }