.page{padding-bottom:32px}

/* ---------- BAŞLIK + SEKMELER ---------- */
.liste-sekmeler{
  display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;margin:14px 0 18px;
  -ms-overflow-style:none;scrollbar-width:none;
}
.liste-sekmeler::-webkit-scrollbar{display:none}
.liste-sekme{
  display:flex;align-items:center;gap:6px;padding:10px 4px;margin-right:20px;
  color:var(--ink-soft);font-size:13.3px;font-weight:600;white-space:nowrap;
  text-decoration:none;border-bottom:2px solid transparent;
}
.liste-sekme:hover{color:var(--ink)}
.liste-sekme.active{color:var(--nav-active);border-bottom-color:var(--nav-active)}
.liste-sekme .tag{font-size:10px;padding:1px 6px}

/* ---------- ÖZET KARTLARI ---------- */
.liste-ozet{margin-bottom:14px}

/* ---------- FİLTRE ÇUBUĞU ---------- */
.liste-toolbar{
  position:sticky;top:60px;z-index:25;background:rgba(244,246,250,.94);backdrop-filter:blur(8px);
  padding:12px 0;margin:0 -24px 14px;border-bottom:1px solid var(--line);
}
.liste-toolbar-inner{padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.liste-search-wrap{position:relative;min-width:220px;flex:1;max-width:320px}
.liste-search-wrap .search-ico{position:absolute;top:50%;left:11px;transform:translateY(-50%);color:#94A3B8;font-size:13px}
.liste-search-wrap .form-control{padding-left:32px}
.liste-filtre-alan{display:flex;align-items:center;gap:6px}
.liste-filtre-alan label{font-size:11.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap}
.liste-date{width:130px}
.liste-num{width:92px}
.liste-sag{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.aktif-filtre-chipleri{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.filtre-chip{
  display:inline-flex;align-items:center;gap:6px;background:#EEF4FF;color:var(--nav-active);
  border-radius:20px;padding:4px 6px 4px 11px;font-size:11.8px;font-weight:600;
}
.filtre-chip button{border:0;background:none;color:inherit;font-size:13px;padding:2px;line-height:1}

.kolon-secici-panel{max-height:320px;overflow-y:auto;padding:6px 4px;min-width:230px}
.kolon-secici-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12.8px}
.kolon-secici-item label{margin:0}

/* ---------- TOPLU İŞLEM ÇUBUĞU ---------- */
.toplu-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#111A2E;color:#fff;
  border-radius:12px;padding:10px 16px;margin-bottom:14px;
}
.toplu-bar .toplu-sayi{font-size:12.8px;font-weight:700;margin-right:6px}
.toplu-bar .btn{--bs-btn-color:#E4EAF6;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.toplu-bar .btn:hover{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}

/* ---------- TABLO ---------- */
.liste-table-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:13px;background:#fff}
.liste-table{width:100%;border-collapse:collapse;font-size:12.8px;white-space:nowrap}
.liste-table thead th{
  position:sticky;top:0;z-index:10;background:#F8FAFC;border-bottom:1px solid var(--line);
  padding:10px 14px;text-align:left;font-size:11.3px;font-weight:700;color:var(--ink-soft);
  text-transform:uppercase;letter-spacing:.02em;cursor:pointer;user-select:none;
}
.liste-table thead th:hover{color:var(--ink)}
.liste-table thead th .sort-ico{font-size:10px;margin-left:4px;opacity:.5}
.liste-table thead th.sirali .sort-ico{opacity:1;color:var(--nav-active)}
.liste-table thead th.sag,.liste-table td.sag{text-align:right;font-variant-numeric:tabular-nums}
.liste-table thead th.checkbox-th,.liste-table td.checkbox-td{width:36px;padding-left:16px;padding-right:0;cursor:default}
.liste-table tbody td{padding:9px 14px;border-bottom:1px solid #F1F4F9}
.liste-table tbody tr:last-child td{border-bottom:0}
.liste-table tbody tr:hover{background:#FAFBFE}
.liste-table tbody tr.secili{background:#EEF4FF}
.liste-table tbody tr.gecmis{box-shadow:inset 3px 0 0 var(--bad)}
.liste-table tbody tr.pasif td{opacity:.5;text-decoration:line-through}
.liste-table tbody tr.pasif .liste-satir-eylem{text-decoration:none}
.liste-table td.kalin{font-weight:700}
.liste-table td.tutar-negatif{color:var(--bad)}
.liste-table a.tablo-link{color:#2563EB;text-decoration:none;font-weight:600}
.liste-table a.tablo-link:hover{text-decoration:underline}

.liste-table tfoot td{
  position:sticky;bottom:0;background:#fff;border-top:2px solid var(--line);
  padding:11px 14px;font-weight:800;font-family:'Plus Jakarta Sans';z-index:5;
}

/* avatar hücresi */
.liste-avatar-link,.liste-avatar-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.liste-avatar-link:hover .liste-avatar-ad{color:var(--nav-active)}
.liste-avatar-pic{
  width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:grid;place-items:center;overflow:hidden;
  background:#EEF2F9;color:#475569;font-family:'Plus Jakarta Sans';font-weight:700;font-size:11.5px;
}
.liste-avatar-pic img{width:100%;height:100%;object-fit:cover}
.liste-avatar-ad{font-size:12.8px;font-weight:600;color:var(--ink)}
.liste-avatar-sub{font-size:11px;color:var(--ink-soft)}

/* mini ilerleme çubuğu (kısmi ödenmiş) */
.mini-bar{height:4px;border-radius:20px;background:#EDF1F7;overflow:hidden;margin-top:4px;width:70px;margin-left:auto}
.mini-bar>i{display:block;height:100%;border-radius:20px;background:var(--warn)}

.liste-satir-eylem{display:flex;gap:4px;opacity:0;transition:.15s;justify-content:flex-end}
.liste-table tbody tr:hover .liste-satir-eylem{opacity:1}
.liste-satir-eylem button,.liste-satir-eylem a{
  width:27px;height:27px;border-radius:7px;border:1px solid var(--line);background:#fff;color:#64748B;
  display:grid;place-items:center;font-size:12px;text-decoration:none;
}
.liste-satir-eylem button:hover,.liste-satir-eylem a:hover{border-color:#C7D3E8;color:var(--ink)}
.liste-satir-eylem .wa:hover{background:#25D366;border-color:#25D366;color:#fff}
.liste-satir-eylem .pay:hover{background:var(--ok);border-color:var(--ok);color:#fff}

/* ---------- KART GÖRÜNÜMÜ (öğrenci listesi) ---------- */
.liste-kart{
  background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;height:100%;
  text-align:center;position:relative;
}
.liste-kart .lk-avatar{
  width:64px;height:64px;border-radius:50%;margin:0 auto 10px;overflow:hidden;
  background:#EEF2F9;color:#475569;display:grid;place-items:center;
  font-family:'Plus Jakarta Sans';font-weight:700;font-size:19px;
}
.liste-kart .lk-avatar img{width:100%;height:100%;object-fit:cover}
.liste-kart .lk-ad{font-family:'Plus Jakarta Sans';font-weight:700;font-size:13.3px;margin-bottom:2px}
.liste-kart .lk-sub{font-size:11.3px;color:var(--ink-soft);margin-bottom:8px}
.liste-kart .lk-tag-row{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.liste-kart .lk-eylem{display:flex;justify-content:center;gap:6px}
.liste-kart .lk-eylem button{
  width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#64748B;
  display:grid;place-items:center;font-size:12.5px;
}
.liste-kart .lk-eylem button:hover{border-color:#C7D3E8;color:var(--ink)}
.liste-kart a{text-decoration:none;color:inherit}
.liste-kart .lk-check{position:absolute;top:10px;left:10px}

/* ---------- GÖRÜNÜM DEĞİŞTİRME ---------- */
.gorunum-toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.gorunum-toggle button{
  width:34px;height:32px;border:0;background:#fff;color:#94A3B8;display:grid;place-items:center;font-size:13px;
}
.gorunum-toggle button.active{background:var(--nav-active);color:#fff}

/* ---------- SAYFALAMA ---------- */
.liste-sayfalama{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;font-size:12.3px;color:var(--ink-soft)}
.liste-sayfalama .sayfa-btnler{display:flex;gap:4px}
.liste-sayfalama .sayfa-btnler button{
  width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:12px;
}
.liste-sayfalama .sayfa-btnler button:hover:not(:disabled){border-color:#C7D3E8;color:var(--ink)}
.liste-sayfalama .sayfa-btnler button:disabled{opacity:.4;cursor:default}
.liste-sayfalama .sayfa-btnler button.active{background:var(--nav-active);border-color:var(--nav-active);color:#fff}

/* ---------- BOŞ / YÜKLENİYOR DURUMLARI ---------- */
.liste-empty{text-align:center;padding:60px 20px;color:var(--ink-soft)}
.liste-empty i{font-size:32px;color:#C7D3E8;margin-bottom:10px;display:block}
.liste-empty p{font-size:13px;margin-bottom:12px}

.skeleton-row{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid #F1F4F9}
.skeleton-box{background:linear-gradient(90deg,#F1F4F9 25%,#E6EAF2 37%,#F1F4F9 63%);background-size:400% 100%;
  animation:skeleton-shine 1.4s ease infinite;border-radius:6px}
@keyframes skeleton-shine{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* ---------- YAZDIRMA ---------- */
.print-header{display:none}
.print-footer{display:none}

@media print{
  .sidebar, .main > .topbar, .liste-toolbar, .liste-sekmeler, .liste-sayfalama,
  .toplu-bar, .liste-aksiyonlar, .gorunum-toggle, .aktif-filtre-chipleri{display:none !important}
  .main{margin-left:0 !important}
  body{background:#fff}
  .page{padding:0}
  .print-header{display:block;margin-bottom:16px}
  .print-header .ph-yurt{font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px}
  .print-header .ph-liste{font-size:14px;font-weight:700;margin-top:2px}
  .print-header .ph-meta{font-size:11.5px;color:var(--ink-soft);margin-top:4px}
  .liste-table thead th{position:static}
  .liste-table tfoot td{position:static}
  .liste-table-wrap{border:0;max-height:none;overflow:visible}
  .print-footer{display:block;text-align:center;font-size:10.5px;color:var(--ink-soft);margin-top:10px}
}

@media(max-width:991px){
  .liste-toolbar{top:0}
}
@media(max-width:575px){
  .liste-toolbar{margin:0 -16px 14px;padding:10px 16px}
  .liste-toolbar-inner{padding:0}
  .liste-sag{margin-left:0;width:100%;justify-content:space-between}
  .liste-search-wrap{max-width:100%}
}