html {
  font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* DataTable içeren card minimum yüksekliği */
.card:has(.dataTables_wrapper),
.card:has(table.dataTable) {
    min-height: 530px;
    margin-bottom: 0;
}

/* Page-content alt padding'ini sıfırla → card alt sınırı footer'a yapışır */
.page-content {
    padding-bottom: 0 !important;
}

/* DataTable içindeki dropdown menüleri table-responsive overflow'una takılmasın */
.card-body > .table-responsive {
    overflow: visible;
}

/* ============================================================
   bg-*-subtle / text-*-emphasis — Bootstrap 5.3 sınıfları (28.07.2026)

   Projedeki Bootstrap sürümü 5.2.3 ve bu yardımcı sınıflar 5.3 ile geldi.
   View'larda 42 yerde kullanılıyorlar (rozetler, dashboard widget ikonları) ama
   CSS'te karşılıkları OLMADIĞI için hiçbir şey basmıyorlardı:
     - Aktif/Pasif rozetleri zeminsiz, düz renkli yazı olarak görünüyordu.
     - Dashboard widget ikonları beyaz üzerinde soluk kalıyordu (warning #e8bc52
       beyaz üzerinde ~1.8:1 kontrast — neredeyse görünmez).

   Bootstrap 5.3 zemini `tint-color($color, 80%)` ile üretir; burada aynı görünümü
   mevcut --vz-*-rgb değişkenlerinden rgba ile veriyoruz (koyu temada da çalışsın).
   Metin tonu ise okunaklı olsun diye koyulaştırılmış sabit değerler.
   ============================================================ */

.bg-primary-subtle   { background-color: rgba(var(--vz-primary-rgb),   .15) !important; }
.bg-success-subtle   { background-color: rgba(var(--vz-success-rgb),   .15) !important; }
.bg-danger-subtle    { background-color: rgba(var(--vz-danger-rgb),    .15) !important; }
.bg-warning-subtle   { background-color: rgba(var(--vz-warning-rgb),   .18) !important; }
.bg-info-subtle      { background-color: rgba(var(--vz-info-rgb),      .18) !important; }
.bg-secondary-subtle { background-color: rgba(var(--vz-secondary-rgb), .15) !important; }
.bg-dark-subtle      { background-color: rgba(var(--vz-dark-rgb),      .15) !important; }

/* Açık zemin üzerinde tema renkleri fazla soluk kalıyor (warning ve info en kötüsü).
   Rozet/ikon metni bu koyu tonlarla yazılır — zeminle birlikte ~5:1 kontrast verir. */
.text-primary-emphasis   { color: #2c5bc9 !important; }
.text-success-emphasis   { color: #0a7a42 !important; }
.text-danger-emphasis    { color: #a52619 !important; }
.text-warning-emphasis   { color: #8a6d15 !important; }
.text-info-emphasis      { color: #14657f !important; }
.text-secondary-emphasis { color: #4b5563 !important; }

/* bg-*-subtle üzerine aynı tondaki text-* yazıldığında (proje genelinde yaygın kalıp)
   ikon/yazı zemine karışıyordu. Zemin varken metni otomatik koyu tona çek. */
.bg-warning-subtle .text-warning, .bg-warning-subtle.text-warning { color: #8a6d15 !important; }
.bg-info-subtle    .text-info,    .bg-info-subtle.text-info       { color: #14657f !important; }
.bg-success-subtle .text-success, .bg-success-subtle.text-success { color: #0a7a42 !important; }
.bg-primary-subtle .text-primary, .bg-primary-subtle.text-primary { color: #2c5bc9 !important; }
.bg-danger-subtle  .text-danger,  .bg-danger-subtle.text-danger   { color: #a52619 !important; }

/* ============================================================
   KOYU TEMA KARŞILIKLARI (30.07.2026)

   Yukarıdaki tonlar açık zemin için koyulaştırılmış SABİT değerler. Koyu temada
   bg-*-subtle zemini de koyulaştığı için (rgba, --vz-*-rgb üzerinden) bu koyu
   metinler zemine karışıyor — "Aktif/Pasif" rozetleri okunmaz hale geliyordu.
   Koyu temada aynı renklerin açık tonları kullanılır.
   ============================================================ */

[data-layout-mode=dark] .text-primary-emphasis   { color: #8ab0ff !important; }
[data-layout-mode=dark] .text-success-emphasis   { color: #5fd39b !important; }
[data-layout-mode=dark] .text-danger-emphasis    { color: #f5877c !important; }
[data-layout-mode=dark] .text-warning-emphasis   { color: #f0cf6b !important; }
[data-layout-mode=dark] .text-info-emphasis      { color: #6fc9e5 !important; }
[data-layout-mode=dark] .text-secondary-emphasis { color: #b6bec9 !important; }

[data-layout-mode=dark] .bg-warning-subtle .text-warning,
[data-layout-mode=dark] .bg-warning-subtle.text-warning { color: #f0cf6b !important; }
[data-layout-mode=dark] .bg-info-subtle    .text-info,
[data-layout-mode=dark] .bg-info-subtle.text-info       { color: #6fc9e5 !important; }
[data-layout-mode=dark] .bg-success-subtle .text-success,
[data-layout-mode=dark] .bg-success-subtle.text-success { color: #5fd39b !important; }
[data-layout-mode=dark] .bg-primary-subtle .text-primary,
[data-layout-mode=dark] .bg-primary-subtle.text-primary { color: #8ab0ff !important; }
[data-layout-mode=dark] .bg-danger-subtle  .text-danger,
[data-layout-mode=dark] .bg-danger-subtle.text-danger   { color: #f5877c !important; }

/* Menü ve kullanıcı açılırındaki .text-dark koyu temada siyah kalıyordu (siyah üzeri
   siyah). Bu sınıf projede "koyu metin" niyetiyle kullanılıyor — koyu temada tersine çevir. */
[data-layout-mode=dark] .dropdown-menu .text-dark { color: var(--vz-dropdown-link-color) !important; }