/* Credit Accounts v697 — exact compact Catalog structure. */
#pageContent:has(.credit-page),.credit-page{background:#fff!important}
.credit-page{width:100%!important;gap:14px!important;padding:0 0 96px!important}

@media(max-width:760px){
  #pageContent:has(.credit-page){padding:12px 13px 28px!important}
  .credit-page-head{grid-template-columns:48px minmax(0,1fr) 128px!important;gap:11px!important;padding:4px 0!important}
  .credit-page-head h2{font-size:23px!important}
  .credit-page-head p{display:block!important;max-width:100%!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #addCreditAccountBtn{display:inline-flex!important;width:128px!important;min-width:128px!important;height:50px!important;min-height:50px!important;padding:0 14px!important;font-size:11px!important}
  #addCreditAccountBtn span{display:inline!important}

  .credit-overview-card{
    grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.7fr))!important;gap:9px!important;
    padding:16px!important;border-color:#d6e4d5!important;background:linear-gradient(120deg,#f1f7f0,#f5f8f2)!important
  }
  .credit-overview-main{grid-column:auto!important;padding:2px 1px!important}
  .credit-overview-main>strong{font-size:26px!important}
  .credit-overview-collected{display:block!important;margin-top:10px!important;color:#77907b!important;font-size:8px!important}
  .credit-overview-collected b{display:block;margin-top:3px;color:#4d7f59;font-size:12px}
  .credit-overview-metrics{display:contents!important}
  .credit-overview-metrics article{display:flex!important;min-height:96px!important;padding:12px!important}
  .credit-overview-metrics span{font-size:9px!important}.credit-overview-metrics strong{font-size:22px!important}.credit-overview-metrics small{font-size:7px!important}
  .credit-collected-today{display:none!important}

  .credit-toolbar-card{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;padding:0!important}
  .credit-filter-row{grid-column:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 124px 58px!important;gap:9px!important;width:100%!important;min-width:0!important}
  .credit-status-control,.credit-filter-toggle,.credit-search-toggle{
    width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;
    border:1px solid #dfe1e5!important;border-radius:16px!important;background:#fff!important;color:#555960!important;
    box-shadow:0 5px 16px rgba(16,24,40,.025)!important
  }
  #creditStatusFilter.credit-status-control{grid-column:1!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 16px!important;border:1px solid #dfe1e5!important;border-radius:16px!important;background-color:#fff!important;color:#292b31!important;box-shadow:0 5px 16px rgba(16,24,40,.025)!important;font-size:16px!important;font-weight:800!important}
  .credit-filter-toggle{grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;font-size:13px!important;font-weight:800!important}
  .credit-filter-toggle i{font-size:13px}.credit-filter-toggle.active{border-color:#c9a13b!important;background:#faf4e5!important;color:#80611e!important}
  .credit-search-toggle{grid-column:3!important;width:58px!important;min-width:58px!important;font-size:18px!important}
  #creditSort[hidden]{display:none!important}
  .credit-search-box{grid-column:1!important;width:100%!important}

  .credit-account>div:nth-child(1),.credit-account>div:nth-child(2),.credit-account>div:nth-child(3),.credit-account>div:nth-child(4),.credit-account>div:nth-child(5){display:block!important}
  .credit-account-actions{display:grid!important}

  .credit-filter-sheet{max-height:76dvh!important;background:#fff!important}
  .credit-filter-sheet>section{padding:3px 0 4px}.credit-filter-sheet>section>strong{display:block;margin-bottom:10px;color:#555960;font-size:11px}
  .credit-filter-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .credit-filter-choices button{
    min-height:54px;padding:0 14px;border:1px solid #e0e2e6;border-radius:15px;background:#fff;color:#61646b;
    display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font:inherit;font-size:11px;font-weight:750
  }
  .credit-filter-choices button.selected{border-color:#c59a2d;background:#faf3e2;color:#765a18}
}

@media(max-width:380px){
  .credit-page-head{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:9px!important}
  #addCreditAccountBtn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:0!important}
  #addCreditAccountBtn span{display:none!important}
  .credit-page-head p{display:none!important}
  .credit-filter-row{grid-template-columns:minmax(0,1fr) 108px 52px!important;gap:7px!important}
  #creditStatusFilter.credit-status-control,.credit-filter-toggle,.credit-search-toggle{height:54px!important;min-height:54px!important}
  .credit-search-toggle{width:52px!important;min-width:52px!important}
}