/* Odeme Gruplari: kenar bosluklarini kaldir, ekrana tam sigdir */
#app #page-gruplar{padding:0 !important;margin:0 !important;max-width:none !important;width:100% !important}
#app #page-gruplar .pg-hero{
  margin:0 0 12px 0 !important;
  padding:20px 24px !important;
  border-radius:14px !important;
}
#app #page-gruplar .pg-body{
  margin:0 !important;
  gap:12px !important;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr) !important;
  width:100% !important;
}
#app #page-gruplar .pg-list-wrap,
#app #page-gruplar .pg-groups{min-width:0 !important}

/* Kart listesi: tutarlar tasmasin */
#app #page-gruplar .pg-row{
  grid-template-columns:42px minmax(0,1fr) minmax(78px,100px) minmax(56px,76px) minmax(86px,110px) !important;
  gap:10px !important;
  padding:12px 16px !important;
}
#app #page-gruplar .pg-row .pg-money b{
  font-size:clamp(11px,0.95vw,13.5px) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
}
#app #page-gruplar .pg-row .pg-money small{font-size:8.5px !important;letter-spacing:.06em !important}
#app #page-gruplar .pg-person b,
#app #page-gruplar .pg-person small{
  overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;display:block !important;
}

@media(max-width:1400px){
  #app #page-gruplar .pg-body{grid-template-columns:minmax(230px,260px) minmax(0,1fr) !important}
  #app #page-gruplar .pg-row{grid-template-columns:40px minmax(0,1fr) 92px 62px 100px !important}
}
@media(max-width:1100px){
  #app #page-gruplar .pg-body{grid-template-columns:1fr !important}
  #app #page-gruplar .pg-groups{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;gap:9px !important}
  #app #page-gruplar .pg-row{grid-template-columns:40px minmax(0,1fr) 90px !important}
  #app #page-gruplar .pg-row .pg-money:nth-of-type(4){display:none !important}
}
@media(max-width:640px){
  #app #page-gruplar .pg-hero{padding:16px !important}
  #app #page-gruplar .pg-row{grid-template-columns:36px minmax(0,1fr) !important;padding:11px 13px !important}
  #app #page-gruplar .pg-row .pg-money{grid-column:2 !important}
  #app #page-gruplar .pg-list-head{flex-direction:column !important;align-items:stretch !important}
  #app #page-gruplar .pg-list-head input{min-width:0 !important;width:100% !important}
}