/* ============================================================
   TÜMAY FİNANS — Kurumsal tasarım sistemi (portal tasarımından türetildi)
   Motor: Bootstrap 5 (grid/bileşen) + bu katman (görsel kimlik)
   ============================================================ */

/* ---- Tokenlar ------------------------------------------------ */
:root{
  --tp-primary:#0F3557;      /* koyu lacivert — marka, kenar çubuğu */
  --tp-primary-2:#0B2A46;    /* kenar çubuğu degrade alt tonu */
  --tp-accent:#1F6FEB;       /* etkileşim mavisi */
  --tp-accent-soft:#EAF1FD;
  --tp-bg:#F6F8FB;
  --tp-card:#FFFFFF;
  --tp-border:#E5E7EB;
  --tp-text:#1F2937;
  --tp-muted:#6B7280;
  --tp-success:#16A34A;
  --tp-warning:#F59E0B;
  --tp-danger:#DC2626;
  --tp-radius:12px;
  --tp-shadow:0 1px 2px rgba(15,53,87,.05),0 4px 14px rgba(15,53,87,.06);
  --tp-sidebar-w:264px;
  --tp-sidebar-w-min:76px;
  --tp-topbar-h:60px;
}
/* Dark mode altyapısı (ileride <html data-theme="dark"> ile aktif edilir) */
[data-theme="dark"]{
  --tp-bg:#0D1522; --tp-card:#141E2E; --tp-border:#243448;
  --tp-text:#E6EAF0; --tp-muted:#93A1B5; --tp-accent-soft:#16283F;
}

/* ---- Zemin & tipografi -------------------------------------- */
html,body{height:100%}
body{
  margin:0;background:var(--tp-bg);color:var(--tp-text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:14px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.015em;color:var(--tp-text)}
h4{font-size:1.25rem}
a{color:var(--tp-accent);text-decoration:none}
a:hover{text-decoration:underline}
.small,small{font-size:12.5px}
.text-muted{color:var(--tp-muted)!important}

/* ---- Uygulama iskeleti -------------------------------------- */
.tp-shell{display:flex;min-height:100vh}
.tp-main{flex:1;min-width:0;display:flex;flex-direction:column;
  margin-left:var(--tp-sidebar-w);transition:margin-left .18s ease}
body.tp-collapsed .tp-main{margin-left:var(--tp-sidebar-w-min)}
.tp-content{flex:1;padding:26px 30px}
@media (max-width:1199px){.tp-content{padding:20px 18px}}

/* ---- Kenar çubuğu ------------------------------------------- */
.tp-sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--tp-sidebar-w);z-index:1040;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--tp-primary) 0%,var(--tp-primary-2) 100%);
  color:#CBD8E6;transition:width .18s ease;overflow:hidden;
}
body.tp-collapsed .tp-sidebar{width:var(--tp-sidebar-w-min)}
.tp-sidebar::-webkit-scrollbar{width:0}
.tp-nav-scroll{flex:1;overflow-y:auto;padding:6px 12px 12px;scrollbar-width:none}

/* Marka bloğu */
.tp-brand{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;color:#fff}
.tp-brand:hover{text-decoration:none;color:#fff}
.tp-logo{
  flex:0 0 40px;width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,#1F6FEB 0%,#173F66 100%);
  display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.5px;
  color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.tp-brand-text{line-height:1.15;white-space:nowrap}
.tp-brand-text b{font-size:15px;font-weight:800;letter-spacing:.02em;color:#fff}
.tp-brand-text span{display:block;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:#8FA6BC}
body.tp-collapsed .tp-brand{justify-content:center;padding:16px 0 14px}
body.tp-collapsed .tp-brand-text{display:none}

/* Grup etiketi */
.tp-nav-label{
  margin:16px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#7E95AC;white-space:nowrap}
body.tp-collapsed .tp-nav-label{margin:14px 0 4px;border-top:1px solid rgba(255,255,255,.08);height:0;overflow:hidden}

/* Menü ögesi */
.tp-nav-item{
  display:flex;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;
  border-radius:9px;color:#C4D2E0;font-weight:500;white-space:nowrap;font-size:13.5px}
.tp-nav-item i{font-size:16.5px;width:20px;text-align:center;flex:0 0 20px;opacity:.9}
.tp-nav-item:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none}
.tp-nav-item.active{background:var(--tp-accent);color:#fff;box-shadow:0 4px 12px rgba(31,111,235,.35)}
.tp-nav-item.disabled{color:#5E748A;cursor:default;opacity:.55}
.tp-nav-item.disabled:hover{background:none;color:#5E748A}
.tp-soon{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.06em;
  padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.1);color:#9FB3C8}
body.tp-collapsed .tp-nav-item span,body.tp-collapsed .tp-soon{display:none}
body.tp-collapsed .tp-nav-item{justify-content:center;padding:11px 0}
body.tp-collapsed .tp-nav-item i{width:auto;flex:none}

/* Alt kullanıcı bloğu */
.tp-side-footer{padding:12px;border-top:1px solid rgba(255,255,255,.09)}

/* ---- Üst çubuk ---------------------------------------------- */
.tp-topbar{
  position:sticky;top:0;z-index:1030;height:var(--tp-topbar-h);
  display:flex;align-items:center;gap:14px;padding:0 22px;
  background:var(--tp-card);border-bottom:1px solid var(--tp-border)}
.tp-icon-btn{
  display:grid;place-items:center;width:36px;height:36px;border-radius:9px;
  border:1px solid transparent;background:none;color:var(--tp-muted);font-size:17px}
.tp-icon-btn:hover{background:var(--tp-bg);color:var(--tp-text)}
.tp-search{flex:0 1 420px;position:relative}
.tp-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tp-muted);font-size:14px}
.tp-search input{
  width:100%;height:38px;padding:0 12px 0 34px;border-radius:10px;
  border:1px solid var(--tp-border);background:var(--tp-bg);font-size:13.5px;color:var(--tp-text)}
.tp-search input:focus{outline:none;border-color:var(--tp-accent);background:#fff;
  box-shadow:0 0 0 3px rgba(31,111,235,.14)}
.tp-user-btn{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 6px;border-radius:10px;
  border:1px solid var(--tp-border);background:var(--tp-card);color:var(--tp-text);font-size:13px}
.tp-user-btn:hover{background:var(--tp-bg)}
.tp-avatar{width:28px;height:28px;border-radius:8px;background:var(--tp-primary);
  color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.role-badge{background:var(--tp-accent-soft);color:var(--tp-accent);font-weight:600;
  font-size:10.5px;border-radius:99px;padding:3px 8px}

/* ---- Kartlar ------------------------------------------------- */
.card{border:1px solid var(--tp-border);border-radius:var(--tp-radius);
  box-shadow:var(--tp-shadow);background:var(--tp-card)}
.card-header{background:transparent;border-bottom:1px solid var(--tp-border);
  font-weight:600;padding:.8rem 1.1rem}
.card-body{padding:1.05rem 1.1rem}

/* KPI kartları (dashboard üst sıra) */
.kpi-card{position:relative;overflow:hidden}
.kpi-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tp-accent)}
.kpi-card.kpi-warn::before{background:var(--tp-warning)}
.kpi-card.kpi-danger::before{background:var(--tp-danger)}
.kpi-card .fs-3,.kpi-card h3{font-weight:800;letter-spacing:-.02em}

/* ---- Tablolar ------------------------------------------------ */
.table{--bs-table-hover-bg:var(--tp-accent-soft);margin-bottom:0;font-size:13.5px;color:var(--tp-text)}
.table>:not(caption)>*>*{padding:.62rem .8rem;border-color:var(--tp-border)}
.table thead th{
  position:sticky;top:0;z-index:5;background:var(--tp-card);
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--tp-muted);border-bottom:2px solid var(--tp-border)}
.table tbody tr:hover{background:var(--tp-accent-soft)}
.table td{font-variant-numeric:tabular-nums}
.table .text-end{font-variant-numeric:tabular-nums}

/* ---- Rozetler ------------------------------------------------ */
.badge{font-weight:600;letter-spacing:.02em;border-radius:99px;padding:.38em .7em;font-size:11px}
.bg-success{background:#E8F7EE!important;color:var(--tp-success)!important}
.bg-warning{background:#FEF4E2!important;color:#B45309!important}
.bg-danger{background:#FDE8E8!important;color:var(--tp-danger)!important}
.bg-secondary{background:#EEF1F5!important;color:var(--tp-muted)!important}
.bg-info{background:var(--tp-accent-soft)!important;color:var(--tp-accent)!important}
.bg-primary{background:var(--tp-accent-soft)!important;color:var(--tp-accent)!important}

/* ---- Düğmeler & formlar ------------------------------------- */
.btn{border-radius:9px;font-weight:600;font-size:13.5px;padding:.46rem .95rem}
.btn-sm{font-size:12.5px;padding:.3rem .7rem}
.btn-primary{background:var(--tp-accent);border-color:var(--tp-accent)}
.btn-primary:hover{background:#1a5fd0;border-color:#1a5fd0}
.btn-outline-primary{color:var(--tp-accent);border-color:var(--tp-accent)}
.btn-outline-primary:hover{background:var(--tp-accent);border-color:var(--tp-accent)}
.btn-outline-secondary{color:var(--tp-muted);border-color:var(--tp-border)}
.btn-outline-secondary:hover{background:var(--tp-bg);color:var(--tp-text);border-color:var(--tp-border)}
.form-control,.form-select{
  border-radius:9px;border-color:var(--tp-border);font-size:13.5px;
  background:var(--tp-card);color:var(--tp-text)}
.form-control:focus,.form-select:focus{border-color:var(--tp-accent);
  box-shadow:0 0 0 3px rgba(31,111,235,.14)}
.form-label{font-size:12.5px;font-weight:600;color:var(--tp-muted);margin-bottom:.3rem}

/* ---- Uyarılar ------------------------------------------------ */
.alert{border-radius:10px;border:1px solid var(--tp-border);font-size:13.5px}
.alert-success{background:#E8F7EE;color:#166534;border-color:#BBE7CB}
.alert-danger{background:#FDE8E8;color:#991B1B;border-color:#F5C2C2}
.alert-info{background:var(--tp-accent-soft);color:#1D4ED8;border-color:#C7DBFA}
.alert-warning{background:#FEF4E2;color:#92400E;border-color:#F7DFB1}

/* ---- Sekmeler / sayfalama ----------------------------------- */
.nav-tabs{border-color:var(--tp-border)}
.nav-tabs .nav-link{color:var(--tp-muted);font-weight:600;font-size:13.5px;border:none;
  border-bottom:2px solid transparent}
.nav-tabs .nav-link.active{color:var(--tp-accent);background:none;border-bottom-color:var(--tp-accent)}
.pagination .page-link{color:var(--tp-text);border-color:var(--tp-border);font-size:13px;border-radius:8px;margin:0 2px}
.pagination .active>.page-link{background:var(--tp-accent);border-color:var(--tp-accent)}

/* ---- Giriş ekranı ------------------------------------------- */
body.tp-anon{display:grid;place-items:center;
  background:radial-gradient(1100px 600px at 15% -10%,#16456F 0%,var(--tp-primary) 45%,#0A2033 100%)}
.login-wrap{width:380px;max-width:92vw;border:none;box-shadow:0 20px 60px rgba(4,16,28,.45)}
.login-logo{width:52px;height:52px;border-radius:13px;margin:0 auto;
  background:linear-gradient(135deg,#1F6FEB,#173F66);display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

/* ---- Alt bilgi ----------------------------------------------- */
.tp-footer{padding:14px 30px;color:var(--tp-muted);font-size:12px;
  border-top:1px solid var(--tp-border);background:var(--tp-card)}

/* ---- Mobil (<992px): kenar çubuğu çekmece -------------------- */
@media (max-width:991.98px){
  .tp-main{margin-left:0!important}
  .tp-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:var(--tp-sidebar-w)!important}
  body.tp-mobile-open .tp-sidebar{transform:none}
  .tp-backdrop{display:none;position:fixed;inset:0;background:rgba(9,20,32,.5);z-index:1035}
  body.tp-mobile-open .tp-backdrop{display:block}
  body.tp-collapsed .tp-nav-item span{display:inline}  /* mobilde daraltma yok */
  body.tp-collapsed .tp-brand-text{display:block}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Dashboard istatistik kartları */
.stat-card .label{font-size:11px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--tp-muted);margin-bottom:4px}
.stat-card h3{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0}

/* ============================================================
   Finans uygulaması eklemeleri
   ============================================================ */
:root{--d-gecikti:#DC2626;--d-yaklasiyor:#EA8A0C;--d-planli:#1F6FEB;--d-odendi:#16A34A;--d-iptal:#9CA3AF;--d-ihtilafli:#7C3AED}
.bg-dark{background:#EFE9FC!important;color:var(--d-ihtilafli)!important}
.sayfa-baslik{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.sayfa-baslik h4{margin:0}
.sayfa-baslik .ms-auto{display:flex;flex-wrap:wrap;gap:8px}
.alt-baslik{color:var(--tp-muted);font-size:12.5px;margin-top:2px}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.text-end.num,.num.text-end{text-align:right}
.tutar-giris{color:var(--tp-success)}
.tutar-cikis{color:var(--tp-danger)}
.kucuk-not{font-size:11.5px;color:var(--tp-muted)}
.sirala{color:inherit;text-decoration:none}
.sirala:hover{color:var(--tp-accent)}

/* KPI ızgarası */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.kpi{display:block;position:relative;background:var(--tp-card);border:1px solid var(--tp-border);
  border-radius:var(--tp-radius);padding:13px 15px 12px 17px;color:var(--tp-text);box-shadow:var(--tp-shadow);
  transition:transform .12s ease,box-shadow .12s ease;min-height:96px}
.kpi::before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 3px 3px 0;background:var(--tp-accent)}
.kpi.danger::before{background:var(--tp-danger)}
.kpi.warn::before{background:var(--tp-warning)}
.kpi:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px rgba(15,53,87,.06),0 10px 24px rgba(15,53,87,.09)}
.kpi .ad{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-muted)}
.kpi .deger{font-size:1.32rem;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.kpi .deger small{font-size:.72rem;font-weight:700;color:var(--tp-muted);margin-left:3px}
.kpi .alt{font-size:11.5px;color:var(--tp-muted);margin-top:3px;line-height:1.35}
.kpi.danger .deger{color:var(--tp-danger)}
.kpi .adet{position:absolute;top:11px;right:12px;font-size:11px;font-weight:700;color:var(--tp-muted);
  background:var(--tp-bg);border-radius:99px;padding:1px 8px}

.soru-kutu{background:linear-gradient(135deg,#0F3557,#163E63);color:#E6EEF6;border-radius:var(--tp-radius);padding:16px 18px}
.soru-kutu h6{color:#fff;font-weight:700;margin-bottom:10px}
.soru-kutu .satir{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.soru-kutu .satir:last-child{border-bottom:none}
.soru-kutu .satir b{font-variant-numeric:tabular-nums;color:#fff}
.soru-kutu .toplam{font-size:15px;padding-top:8px}

.grafik-kart canvas{max-height:280px}
.kur-bant{font-size:11.5px;color:var(--tp-muted)}
.uyari-bant{border-left:4px solid var(--tp-danger)}

/* Durum noktaları ve takvim */
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.d-gecikti{background:var(--d-gecikti)}.d-yaklasiyor{background:var(--d-yaklasiyor)}
.d-planli,.d-kismi{background:var(--d-planli)}.d-odendi{background:var(--d-odendi)}
.d-iptal{background:var(--d-iptal)}.d-ihtilafli{background:var(--d-ihtilafli)}
.takvim{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
.takvim th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tp-muted);padding:6px;text-align:left}
.takvim td{vertical-align:top;height:118px;border:1px solid var(--tp-border);padding:5px 6px;background:var(--tp-card)}
.takvim td.ay-disi{background:var(--tp-bg);opacity:.65}
.takvim td.bugun{box-shadow:inset 0 0 0 2px var(--tp-accent)}
.takvim td.secili{background:var(--tp-accent-soft)}
.takvim .gun-no{font-weight:700;font-size:12px;color:var(--tp-muted);display:flex;justify-content:space-between}
.takvim .gun-no a{color:inherit}
.chip{display:block;font-size:11px;line-height:1.3;padding:2px 6px;margin-top:3px;border-radius:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-decoration:none}
.chip:hover{text-decoration:none;color:#fff;filter:brightness(1.08)}
.chip.c-gecikti{background:var(--d-gecikti)}.chip.c-yaklasiyor{background:var(--d-yaklasiyor)}
.chip.c-planli,.chip.c-kismi{background:var(--d-planli)}.chip.c-odendi{background:var(--d-odendi)}
.chip.c-iptal{background:var(--d-iptal);text-decoration:line-through}.chip.c-ihtilafli{background:var(--d-ihtilafli)}
.chip.giris{border-left:3px solid rgba(255,255,255,.75)}
.gun-toplam{font-size:10.5px;color:var(--tp-muted);margin-top:3px}
.lejant span{margin-right:14px;font-size:12px;white-space:nowrap}
@media (max-width:767.98px){
  .takvim td{height:64px;padding:3px}
  .takvim .chip{font-size:0;height:6px;padding:0;margin-top:2px}
  .takvim .gun-toplam{display:none}
}

/* İlerleme çubuğu */
.cubuk{height:6px;border-radius:99px;background:var(--tp-bg);overflow:hidden}
.cubuk>span{display:block;height:100%;background:var(--tp-accent)}
.cubuk.uyari>span{background:var(--tp-warning)}
.cubuk.tehlike>span{background:var(--tp-danger)}

/* Tablo yardımcıları */
.table-sm>:not(caption)>*>*{padding:.45rem .6rem}
.tablo-kutu{overflow-x:auto;-webkit-overflow-scrolling:touch}
.satir-gecikti td:first-child{box-shadow:inset 3px 0 0 var(--d-gecikti)}
.satir-yaklasiyor td:first-child{box-shadow:inset 3px 0 0 var(--d-yaklasiyor)}
.satir-hata{background:#FEF2F2}
.satir-uyari{background:#FFFBEB}
.filtre-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.filtre-bar .form-control,.filtre-bar .form-select{width:auto;min-width:120px}
.filtre-bar label{font-size:11px;font-weight:600;color:var(--tp-muted);display:block;margin-bottom:2px}
.toplam-bant{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:var(--tp-muted)}
.toplam-bant b{color:var(--tp-text);font-variant-numeric:tabular-nums}
.bilgi-liste{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13.5px}
.bilgi-liste dt{color:var(--tp-muted);font-weight:500}
.bilgi-liste dd{margin:0}
.hucre-input{min-width:90px;padding:2px 6px;font-size:12px;height:auto}
.zaman-cizgisi{list-style:none;padding:0;margin:0}
.zaman-cizgisi li{position:relative;padding:0 0 12px 18px;font-size:12.5px}
.zaman-cizgisi li::before{content:"";position:absolute;left:4px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--tp-accent)}
.zaman-cizgisi li::after{content:"";position:absolute;left:7px;top:15px;bottom:0;width:1px;background:var(--tp-border)}
.zaman-cizgisi li:last-child::after{display:none}

/* Mobil alt çubuk: Bugünkü ödemeler, yaklaşan vadeler, takvim, bildirimler */
.mobil-alt{display:none}
@media (max-width:991.98px){
  .mobil-alt{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;background:var(--tp-card);
    border-top:1px solid var(--tp-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mobil-alt a{flex:1;text-align:center;font-size:10.5px;color:var(--tp-muted);text-decoration:none;position:relative}
  .mobil-alt a i{display:block;font-size:19px;margin-bottom:1px}
  .mobil-alt a.active{color:var(--tp-accent)}
  .mobil-alt .rozet{position:absolute;top:-2px;left:55%;background:var(--tp-danger);color:#fff;font-size:9.5px;
    border-radius:99px;padding:0 5px;font-weight:700}
  .tp-content{padding-bottom:84px}
  .tp-footer{padding-bottom:80px}
  .kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .kpi{min-height:84px;padding:10px 10px 10px 13px}
  .kpi .deger{font-size:1.05rem}
  .sayfa-baslik .ms-auto{width:100%}
}
.bildirim-rozet{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:99px;background:var(--tp-danger);
  color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.tp-icon-btn{position:relative}
.ode-btn{white-space:nowrap}
@media print{.tp-sidebar,.tp-topbar,.mobil-alt,.tp-footer,.no-print{display:none!important}.tp-main{margin:0!important}}
/* Mobil kayıt kartları */
.mobil-liste{padding:8px}
.mobil-kalem{border:1px solid var(--tp-border);border-left:4px solid var(--d-planli);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--tp-card)}
.mobil-kalem.m-gecikti{border-left-color:var(--d-gecikti)}.mobil-kalem.m-yaklasiyor{border-left-color:var(--d-yaklasiyor)}
.mobil-kalem.m-odendi{border-left-color:var(--d-odendi)}.mobil-kalem.m-iptal,.mobil-kalem.m-ihtilafli{border-left-color:var(--d-iptal)}
.filtre-detay summary{cursor:pointer}
@media (min-width:768px){.filtre-detay summary{display:none}}

/* Banka özeti kartları */
.banka-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.banka-kart{background:var(--tp-card);border:1px solid var(--tp-border);border-radius:var(--tp-radius);
  box-shadow:var(--tp-shadow);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.banka-kart .bk-ust{display:flex;align-items:baseline;gap:8px}
.banka-kart .bk-ad{font-weight:700;font-size:15px}
.banka-kart .bk-tl{margin-left:auto;font-size:12px;color:var(--tp-muted);white-space:nowrap}
.banka-kart .bk-tl b{color:var(--tp-text);font-variant-numeric:tabular-nums}
.bk-satir{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-top:1px dashed var(--tp-border)}
.bk-satir:first-of-type{border-top:0}
.bk-para{display:inline-block;min-width:38px;font-size:11px;font-weight:700;color:var(--tp-muted);letter-spacing:.04em}
.bk-tutar{margin-left:auto;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bk-kmh{background:var(--tp-accent-soft);border-radius:8px;padding:8px 10px;font-size:12.5px}
.bk-kmh .bk-kmh-ust{display:flex;gap:8px;align-items:baseline}
.bk-kmh .cubuk{margin:6px 0 4px}
.bk-alt{font-size:11.5px;color:var(--tp-muted)}