/* Genel: uc ust uste binme, tasma ve okunabilirlik duzeltmeleri */

/* ============ CEKLER: ust KPI kartlari ============ */
#app .check-kpi-grid.five{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
}
#app .check-kpi{
  grid-template-columns:44px minmax(0,1fr) 12px !important;
  gap:4px 10px !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding:15px 13px !important;
  min-height:118px !important;
}
#app .check-kpi-icon{width:42px !important;height:42px !important}
#app .check-kpi-icon svg{width:22px !important;height:22px !important}
/* Kucuk baslik: ACIK CEK / TOPLAM TUTAR ... */
#app .check-kpi>span{
  font-size:11.5px !important;
  letter-spacing:.06em !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  color:#cfe2ee !important;
}
/* Tutar */
#app .check-kpi>b{
  font-size:clamp(17px,1.35vw,24px) !important;
  letter-spacing:-.5px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  max-width:100% !important;
}
/* Alt aciklama: "Toplam 110 cek kaydi" */
#app .check-kpi>small{
  font-size:11.5px !important;
  line-height:1.3 !important;
  color:#a3bccb !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  margin-top:5px !important;
}
#app .check-kpi>i{font-size:19px !important}

/* ============ CEKLER: filtre cubugu ============ */
#app .checks-filters{
  grid-template-columns:minmax(200px,1fr) minmax(130px,.6fr) minmax(120px,.55fr) auto auto !important;
  gap:10px !important;
}
#app .checks-filters label{font-size:12px !important;font-weight:800 !important}
#app .checks-filters label>span,
#app .checks-filters label>b{font-size:11.5px !important;letter-spacing:.04em !important;color:#a9c8d9 !important}
#app .checks-filters input,
#app .checks-filters select{font-size:13.5px !important;min-height:44px !important}
#app .checks-filters button{font-size:13px !important;min-height:44px !important}

/* ============ CEKLER: tablo ============ */
#app .checks-table th{
  font-size:11.5px !important;
  letter-spacing:.07em !important;
  font-weight:900 !important;
  color:#9fc4d9 !important;
  padding:13px 12px !important;
}
#app .checks-table td{font-size:13.5px !important;padding:13px 12px !important}
/* Cek tutari */
#app .checks-table .chk-amount,
#app .checks-table .check-amount,
#app .checks-table td:nth-last-child(2){
  font-size:15px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
/* Isim (alici/kesideci) */
#app .checks-table .chk-name,
#app .checks-table strong{font-size:14px !important;font-weight:800 !important}
/* Alt aciklamalar: "Cek no belirtilmedi", "Kesideci", "12 gun gecti" */
#app .checks-table small,
#app .checks-table td small,
#app .chk-sub,
#app .check-due-note{
  font-size:11.5px !important;
  line-height:1.35 !important;
  color:#9fbccb !important;
}
/* Vade tarihi */
#app .checks-table time,
#app .chk-date{font-size:13px !important;font-weight:800 !important}
/* Durum etiketi (Gecikmis vb.) */
#app .checks-table .pill,
#app .checks-table .chk-status,
#app .checks-table [class*="status"]{font-size:12px !important;font-weight:900 !important;padding:6px 12px !important}
/* Sekme butonlari: Acik Cek / Alinan / Verilen ... */
#app .checks-tabs button,
#app .checks-toolbar button{font-size:13px !important;font-weight:800 !important}
/* Arama kutusu */
#app .checks-toolbar input{font-size:13.5px !important}
#app .checks-toolbar small{font-size:12px !important}

/* ============ Tum sayfalar: genel tasma korumasi ============ */
#app .page{max-width:100% !important;min-width:0 !important;overflow-x:hidden !important}
#app .content{max-width:100% !important;min-width:0 !important}
#app .card,#app .settings-panel-card,#app .kum-card,#app .chat-page{min-width:0 !important}

@media(max-width:1500px){
  #app .check-kpi>b{font-size:clamp(15px,1.15vw,20px) !important}
  #app .check-kpi>span{font-size:10.5px !important}
  #app .check-kpi>small{font-size:10.5px !important}
}
@media(max-width:1280px){
  #app .check-kpi-grid.five{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  #app .check-kpi>b{font-size:19px !important}
}
@media(max-width:900px){
  #app .check-kpi-grid.five{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #app .checks-filters{grid-template-columns:1fr 1fr !important}
}
@media(max-width:620px){
  #app .check-kpi-grid.five{grid-template-columns:1fr !important}
  #app .checks-filters{grid-template-columns:1fr !important}
}