/* ═══════════════════════════════════════════════════════════════════════════
   OGK PLATFORM — Mobil Deneyim İyileştirmeleri
   ═══════════════════════════════════════════════════════════════════════════ */

/* Küçük ekranlarda içerik dolgusunu azalt — daha fazla kullanılabilir alan */
@media (max-width: 575.98px) {
  .content-wrapper {
    padding: 1.25rem 1rem !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .content-wrapper {
    padding: 1.75rem 1.25rem !important;
  }
}

/* Kenar menüsü açıkken arkaya karartılmış, dokunulunca kapanan bir katman */
.ogk-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 17, 23, 0.45);
  z-index: 10;
}
@media (max-width: 991.98px) {
  .sidebar-offcanvas.active + .ogk-sidebar-backdrop {
    display: block;
  }
}

/* Dokunma hedeflerini biraz büyüt (mobilde ince linkler dokunması zor olabilir) */
@media (max-width: 767.98px) {
  .sidebar .nav-item .nav-link {
    min-height: 46px;
  }
  .table td, .table th {
    padding-top: .65rem;
    padding-bottom: .65rem;
  }
}

/* Başlık + aksiyon butonu düzeni (uygulama genelinde ~70 sayfada kullanılıyor):
   dar ekranda taşıp kırpılmak/yatay kaydırmaya zorlamak yerine alt satıra sarsın. */
@media (max-width: 575.98px) {
  .content-wrapper > .d-flex.justify-content-between,
  .card-header.d-flex.justify-content-between {
    flex-wrap: wrap;
    row-gap: .75rem;
  }
  .content-wrapper > .d-flex.justify-content-between > *,
  .card-header.d-flex.justify-content-between > * {
    max-width: 100%;
  }
}