/* MARPAR panel özel stilleri – Fobia şablonu üzerine, mobil öncelikli */

:root { --marpar: #923eb9; --alt-menu-h: 62px; }

.sidebar-wrapper .metismenu a .parent-icon i { font-size: 21px; vertical-align: initial; }
.sidebar-wrapper .metismenu ul a i { margin-right: 8px; font-size: 14px; }
.top-header .navbar .nav-link i, .toggle-icon i { font-size: 22px; }
.toggle-icon { cursor: pointer; }
.fw-500 { font-weight: 500; }

.avatar-harf { width: 38px; height: 38px; border-radius: 50%; background: var(--marpar); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }

.sayfa-baslik { font-weight: 600; }
.sayfa-ust .breadcrumb { background: none; }

/* KPI kartları */
.kpi-kart { color: inherit; text-decoration: none; transition: transform .15s, box-shadow .15s; display: block; }
.kpi-kart:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.08); color: inherit; }
.kpi-baslik { font-size: .9rem; color: #6c757d; }
.kpi-deger { font-weight: 700; word-break: break-word; }
.kpi-detay { color: var(--marpar); }
.widget-icon-small i { font-size: 20px; }

/* Tablolar */
.table td, .table th { vertical-align: middle; }
.table-hover tbody tr[data-href] { cursor: pointer; }
.tutar { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.iptal-satir td { text-decoration: line-through; opacity: .55; }
.ozet-kutu { border: 1px dashed rgba(0,0,0,.15); border-radius: 10px; padding: .75rem 1rem; }
.ozet-satir { display: flex; justify-content: space-between; padding: .35rem 0; border-bottom: 1px solid rgba(0,0,0,.05); gap: 1rem; }
.ozet-satir:last-child { border-bottom: 0; }
.ozet-satir.toplam { font-weight: 700; font-size: 1.1rem; }
.kontrol-liste li { padding: .3rem 0; list-style: none; }
.kontrol-liste { padding-left: 0; }
.kontrol-liste i { font-size: 1.2rem; vertical-align: middle; }

/* Dosyalar */
.dosya-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .75rem; }
.dosya-kart { border: 1px solid rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; background: rgba(0,0,0,.015); }
.dosya-onizleme { display: flex; height: 110px; align-items: center; justify-content: center; background: #f4f4f6; }
.dosya-onizleme img { width: 100%; height: 100%; object-fit: cover; }
.dosya-onizleme i { font-size: 48px; color: #d63939; }
.dosya-bilgi { padding: .4rem .5rem; font-size: .8rem; }

/* Durum adımları */
.durum-adimlar { display: flex; gap: .25rem; overflow-x: auto; padding-bottom: .25rem; }
.durum-adim { flex: 1 0 auto; text-align: center; font-size: .75rem; padding: .4rem .5rem; border-radius: 8px; background: #f1f1f4; color: #888; white-space: nowrap; }
.durum-adim.gecti { background: rgba(146,62,185,.12); color: var(--marpar); }
.durum-adim.aktif { background: var(--marpar); color: #fff; font-weight: 600; }

/* Alt mobil menü */
.alt-menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 11; height: calc(var(--alt-menu-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
  display: flex; background: #fff; border-top: 1px solid rgba(0,0,0,.08); box-shadow: 0 -4px 12px rgba(0,0,0,.05); }
.alt-menu a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6c757d; font-size: 11px; text-decoration: none; gap: 2px; }
.alt-menu a i { font-size: 23px; }
.alt-menu a.alt-menu-ana i { font-size: 34px; color: var(--marpar); }
.alt-menu a.aktif { color: var(--marpar); }

/* Formlar */
.form-label { font-weight: 500; font-size: .9rem; margin-bottom: .3rem; }
.zorunlu::after { content: ' *'; color: #dc3545; }
.form-bolum { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--marpar); font-weight: 700; margin: 1.25rem 0 .5rem; }
.btn i { margin-top: 0; margin-bottom: 0; }

.notify-badge { position: absolute; top: -8px; right: -10px; font-size: 10px; background: #e72e7a; color: #fff; border-radius: 10px; padding: 1px 5px; }
.header-notifications-list { max-height: 420px; overflow-y: auto; }
.notification-box { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.bg-light-danger { background: rgba(220,53,69,.12); } .bg-light-warning { background: rgba(255,193,7,.18); }
.bg-light-info { background: rgba(13,202,240,.14); } .bg-light-success { background: rgba(25,135,84,.12); }
.top-header .navbar .dropdown-large .dropdown-menu { width: 360px; }

.filtre-kart .form-control, .filtre-kart .form-select { min-width: 0; }
.sefer-kart { border-left: 4px solid var(--marpar); }
.sefer-kart .rota { font-weight: 600; font-size: 1.05rem; }
.buyuk-buton { padding: .9rem 1rem; font-size: 1.05rem; font-weight: 600; border-radius: 12px; }

/* ---------- Mobil ---------- */
@media (max-width: 1024px) {
  .page-content-wrapper { padding-bottom: calc(var(--alt-menu-h) + 16px + env(safe-area-inset-bottom)); }
  .back-to-top { bottom: calc(var(--alt-menu-h) + 14px); }
  .sidebar-wrapper { z-index: 16; }
}
@media (max-width: 767.98px) {
  html, body { overflow-x: hidden; }
  .page-content { padding: .9rem .75rem; }
  .form-control, .form-select { font-size: 16px; } /* iOS otomatik yakınlaştırmayı engeller */
  .sayfa-aksiyon { width: 100%; }
  .sayfa-aksiyon .btn { flex: 1 1 auto; }
  .card-body { padding: .9rem; }
  .kpi-deger { font-size: 1.02rem; }
  .kpi-deger small { display: block; font-size: .72rem !important; margin-top: 2px; }
  .kpi-baslik { font-size: .78rem; line-height: 1.2; }
  .kpi-grid .card-body { padding: .75rem; }
  .kpi-grid .widget-icon-small { width: 30px; height: 30px; font-size: 16px; }
  .kpi-grid .widget-icon-small i { font-size: 16px; }
  .kpi-grid .small { font-size: .7rem; }
  .kpi-detay { display: none; }

  /* Tabloları karta dönüştür */
  .tablo-mobil thead { display: none; }
  .tablo-mobil, .tablo-mobil tbody, .tablo-mobil tr, .tablo-mobil td { display: block; width: 100%; }
  .tablo-mobil tr { border: 1px solid rgba(0,0,0,.08); border-radius: 10px; margin-bottom: .6rem; padding: .4rem .6rem; background: rgba(255,255,255,.6); }
  .tablo-mobil td { border: 0 !important; padding: .2rem 0 !important; display: flex; justify-content: space-between; gap: .75rem; text-align: right; }
  .tablo-mobil td::before { content: attr(data-label); font-weight: 500; color: #6c757d; text-align: left; flex-shrink: 0; }
  .tablo-mobil td[data-label=""]::before { content: none; }
  .tablo-mobil td.mobil-baslik { font-weight: 700; font-size: 1rem; justify-content: flex-start; text-align: left; }
  .tablo-mobil td.mobil-baslik::before { content: none; }
  .tablo-mobil tfoot { display: block; } .tablo-mobil tfoot tr { display: flex; flex-wrap: wrap; }
  .tablo-mobil tfoot td:empty { display: none; }
  .table-responsive > .tablo-mobil { min-width: 0; }
  .top-header .navbar .dropdown-large .dropdown-menu { width: 100% !important; }
  .nav-tabs-kaydir { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .nav-tabs-kaydir .nav-link { white-space: nowrap; }
}

/* Koyu tema uyumu */
html.dark-theme .alt-menu { background: #1a2232; border-color: rgba(255,255,255,.08); }
html.dark-theme .dosya-onizleme, html.dark-theme .durum-adim { background: #232c3d; }
html.dark-theme .ozet-kutu { border-color: rgba(255,255,255,.15); }
html.dark-theme .tablo-mobil tr { background: transparent; border-color: rgba(255,255,255,.1); }
html.dark-theme .kpi-baslik { color: #aab0bc; }

/* Yazdırma / PDF */
.yazdir-sayfa { background: #fff; color: #000; }
@media print {
  .sidebar-wrapper, .top-header, .alt-menu, .back-to-top, .sayfa-aksiyon, .no-print, .alert, .overlay { display: none !important; }
  .page-content-wrapper { margin: 0 !important; padding: 0 !important; }
  .page-content { padding: 0 !important; }
  .card { box-shadow: none !important; border: 0 !important; }
  .tablo-mobil thead { display: table-header-group !important; }
  body { background: #fff !important; }
}

/* Sefer tahsilat kutuları */
.tahsilat-kutular .ozet-kutu { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .6rem .8rem; }
@media (min-width: 576px) { .tahsilat-kutular .ozet-kutu { display: block; text-align: center; } .tahsilat-kutular .ozet-kutu small { display: block; } }
.kpi-grid .card { margin-bottom: 0; }

/* Giriş ekranı */
.giris-zemin { background: linear-gradient(135deg, #923eb9 0%, #5b2a86 55%, #2b1a4a 100%); min-height: 100vh; }
.giris-zemin .card { border: 0; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.25); }