/* Yönetim paneli: yeni yazılan sayfaların küçük ek stilleri (tema: app.min.css) */
.islem-sutunu { width: 1%; white-space: nowrap; }
.islem-sutunu .btn + .btn { margin-left: .25rem; }
.tanim-ust { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.tanim-ust p { margin: 0; color: #6c757d; }
.kullanim-rozeti { font-weight: 600; }
.son-guncelleme { font-size: .8125rem; color: #6c757d; margin: 0; }
.alan-ipucu { font-size: .8125rem; color: #6c757d; margin-top: .25rem; }
.tanim-ust > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.modal .form-group:last-child { margin-bottom: 0; }
/* yan yana iki alanlı satırda (form-row) ikinci alan telefonda alta iner: aradaki boşluk kalsın, yalnızca en son alanın boşluğu olmasın */
.modal .form-row > .form-group:last-child { margin-bottom: 1rem; }
.modal .modal-body > .form-row:last-child > .form-group:last-child { margin-bottom: 0; }
@media (max-width: 575.98px) {
  .tanim-ust .btn { width: 100%; }
}

/* Panel ana sayfası: lisans kalan gün çubuğu (<progress>) ve özet kartları */
.lisans-sure { display: flex; align-items: center; gap: 1rem; }
.lisans-cubugu { flex: 1 1 auto; width: 100%; height: 8px; border: 0; border-radius: .25rem; background: #eef0f2; color: #1abc9c; -webkit-appearance: none; appearance: none; overflow: hidden; }
.lisans-cubugu::-webkit-progress-bar { background: #eef0f2; border-radius: .25rem; }
.lisans-cubugu::-webkit-progress-value { background: currentColor; border-radius: .25rem; }
.lisans-cubugu::-moz-progress-bar { background: currentColor; border-radius: .25rem; }
.lisans-bilgi { color: #4fc6e1; }
.lisans-tehlike { color: #f1556c; }
.lisans-sure span { white-space: nowrap; font-weight: 600; }
.ozet-karti { display: block; color: inherit; transition: box-shadow .2s ease; }
/* üzerine gelince yalnızca hafif gölge; mor halka yalnızca klavyeyle odaklanınca (erişilebilirlik) */
.ozet-karti:hover, .ozet-karti:focus { color: inherit; box-shadow: 0 .25rem .75rem rgba(50, 58, 70, .08); }
.ozet-karti:focus-visible { outline: 2px solid #6658dd; outline-offset: 2px; }
.ozet-karti .card-body { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 1rem; align-items: center; }
.ozet-karti i { grid-row: 1 / 3; font-size: 1.75rem; color: #6658dd; }
.ozet-sayi { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.ozet-etiket { color: #6c757d; }

/* ---- Telefon ve tablet: 16 px form yazısı (iOS odaklanınca yakınlaştırmasın), en az 40 px dokunma hedefleri ----
   Geniş ekranlı masaüstünde (≥ 992 px, fare) görünüm değişmez. */
@media (max-width: 991.98px), (pointer: coarse) {
  .form-control, .form-control-plaintext, .note-editor .note-editable { font-size: 16px; } /* select'ler: panel-secim.css */
  .form-control-sm { height: calc(1.5em + .9rem + 2px); padding-top: .45rem; padding-bottom: .45rem; }
  .form-control-file { font-size: 16px; }
  .form-control-file::file-selector-button { min-height: 2.5rem; padding: .45rem .9rem; margin-right: .5rem; }
  .btn { padding-top: .55rem; padding-bottom: .55rem; }            /* 14 px × 1,5 + 2 × 8,8 + 2 ≈ 40,6 px */
  .islem-sutunu .btn { display: inline-flex; align-items: center; justify-content: center; gap: .25rem; min-width: 2.5rem; min-height: 2.5rem; padding: .25rem .6rem; font-size: .875rem; }
  .page-link { display: flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.5rem; }
  .nav-second-level li a { padding-top: 10px; padding-bottom: 10px; }
  .dropdown-menu .dropdown-item, .notification-list .profile-dropdown .notify-item { padding-top: .5rem; padding-bottom: .5rem; line-height: 1.5rem; }
  .custom-control { min-height: 2.5rem; }
  .custom-control-label { padding: .625rem 0; }
  .custom-control-label::before, .custom-control-label::after { top: calc(.625rem + .15625rem); }
  .note-toolbar .note-btn { min-width: 2.5rem; min-height: 2.5rem; }
}

/* Telefon / tablet: sol menü açıkken içerik karartılır (dokununca menü kapanır — temanın dış tıklama davranışı) */
@media (max-width: 991.98px) {
  body.sidebar-enable #wrapper::after { content: ""; position: fixed; top: 70px; right: 0; bottom: 0; left: 0; z-index: 9; background: rgba(50, 58, 70, .35); }
}

/* Telefon: tablolar ve kartlar dar ekrana sığsın */
@media (max-width: 767.98px) {
  .content-page .card-body { padding: 1rem; }
  /* DataTables: arama kutusu tam genişlik, satır sayısı solda */
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter { text-align: left; }
  div.dataTables_wrapper div.dataTables_length { margin-bottom: .5rem; }
  div.dataTables_wrapper div.dataTables_filter label { display: flex; align-items: center; gap: .5rem; width: 100%; margin-bottom: .5rem; }
  div.dataTables_wrapper div.dataTables_filter input { flex: 1 1 auto; width: auto; min-width: 0; margin-left: 0; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; flex-wrap: wrap; }
  .table td, .table th { padding: .75rem .5rem; }
  /* ilk sütun ve kaydın adı (tanim.js: .sarmali) alt satıra geçebilsin: işlem sütunuyla birlikte sığar */
  table.dataTable.nowrap th.sarmali, table.dataTable.nowrap td.sarmali { white-space: normal; overflow-wrap: break-word; }
}
/* açılan ayrıntı satırı (sığmayan sütunlar) her genişlikte kaydırma yapmadan sarılsın */
table.dataTable.nowrap > tbody > tr.child > td { white-space: normal; }
table.dataTable > tbody > tr.child ul.dtr-details { display: block; }
table.dataTable > tbody > tr.child span.dtr-data { overflow-wrap: anywhere; }

/* Liste tablolarında ekleyen + altında soluk eklenme zamanı (ayrı tarih sütunu yerine) */
.ekleyen-ad { display: block; }
.eklenme-zamani { display: block; margin-top: .125rem; font-size: .75rem; line-height: 1.2; color: #98a6ad; white-space: nowrap; }

/* Sayfa başlığındaki "Yardım" bağlantısı (Destek::yardimAdresi) */
.sayfa-yardim { font-size: .85rem; font-weight: 400; margin-left: .5rem; vertical-align: middle; }

/* Zengin metin (Summernote) zorunluyken boş gönderilince çerçeve kırmızı (form-denetim.js → .was-validated) */
.was-validated textarea[data-zengin-metin]:invalid ~ .note-editor { border-color: #f1556c; }