/* Credit Accounts v698 — responsive balance states and Catalog filters. */
.credit-overview-card.has-outstanding{
  border-color:#efd5d1!important;
  background:linear-gradient(118deg,#fdf2f0 0%,#fff8f7 58%,#fceedeb 100%)!important;
  box-shadow:0 9px 24px rgba(169,69,51,.055)!important
}
.credit-overview-card.is-clear{
  border-color:#cfe1d2!important;
  background:linear-gradient(118deg,#f1f7f2 0%,#f7faf6 58%,#eef6f0 100%)!important;
  box-shadow:0 9px 24px rgba(44,91,59,.055)!important
}
.credit-overview-card.has-outstanding .credit-overview-main>strong{color:#9f3f34!important}
.credit-overview-card.is-clear .credit-overview-main>strong{color:#2f7246!important}
.credit-overview-collected{
  width:max-content;max-width:100%;padding:6px 9px!important;border:1px solid #d7e7d9;border-radius:10px;background:#f1f8f2;color:#68826d!important
}
.credit-overview-collected b{color:#3f7d50!important}

@media(max-width:760px){
  .credit-page-head h2{font-size:22px!important;line-height:1.05!important}
  #addCreditAccountBtn{white-space:nowrap!important;line-height:1!important}
  #addCreditAccountBtn span{white-space:nowrap!important}

  .credit-overview-card{min-height:0!important;padding:13px!important;gap:8px!important;border-radius:20px!important}
  .credit-overview-main>strong{margin-top:8px!important;font-size:24px!important}
  .credit-overview-collected{margin-top:8px!important;font-size:7px!important}
  .credit-overview-collected b{display:inline!important;margin:0 0 0 4px!important;font-size:10px!important}
  .credit-overview-metrics article{min-height:76px!important;padding:10px!important;border-radius:15px!important}
  .credit-overview-metrics span{font-size:8px!important}
  .credit-overview-metrics strong{margin-top:7px!important;font-size:19px!important}
  .credit-overview-metrics small{margin-top:5px!important;font-size:6px!important}

  .credit-toolbar-card{grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  .credit-filter-row{grid-template-columns:minmax(0,1fr) 82px 44px!important;gap:7px!important;width:100%!important}
  .credit-status-toggle,.credit-filter-toggle,.credit-search-toggle{
    height:44px!important;min-height:44px!important;margin:0!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important
  }
  .credit-status-toggle{
    grid-column:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
    min-width:0!important;width:100%!important;padding:0 12px!important;color:#27282c!important;text-align:left
  }
  .credit-status-toggle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
  .credit-status-toggle i{color:#888b91;font-size:10px}
  .credit-status-toggle[aria-expanded="true"]{border-color:#c4a055!important;background:#faf6ed!important;color:#80601b!important}
  #creditStatusFilter[hidden]{display:none!important}
  .credit-filter-toggle{grid-column:2!important;width:82px!important;min-width:82px!important;padding:0 8px!important;gap:6px!important;font-size:10px!important}
  .credit-filter-toggle i{font-size:11px!important}
  .credit-search-toggle{grid-column:3!important;width:44px!important;min-width:44px!important;font-size:14px!important}
  .credit-search-box{min-height:44px!important;height:44px!important;border-radius:13px!important}
  .credit-search-box input{font-size:16px!important}
  #creditResetFilters.credit-search-clear{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:9px!important}

  .credit-status-choices{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px;border:1px solid #e2e4e7;
    border-radius:15px;background:#fbfbfc;box-shadow:0 8px 20px rgba(20,22,26,.035)
  }
  .credit-status-choices[hidden]{display:none!important}
  .credit-status-choices button{
    display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:41px;padding:0 10px;
    border:1px solid #e2e4e7;border-radius:11px;background:#fff;color:#5e6167;text-align:left;font:inherit;font-size:11px;font-weight:700
  }
  .credit-status-choices button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .credit-status-choices button.selected{border-color:#b59039;background:#f8f1e1;color:#80601b}
  .credit-status-choices button i{font-size:10px}

  .credit-table-head h3{font-size:16px!important;line-height:1.1!important}
  .credit-table-head p{font-size:10px!important}
  .credit-filter-sheet .credit-modal-head h3{font-size:20px!important}
  .credit-filter-sheet>section>strong{font-size:11px!important}
}

@media(max-width:390px){
  .credit-filter-row{grid-template-columns:minmax(0,1fr) 76px 40px!important;gap:6px!important}
  .credit-filter-toggle{width:76px!important;min-width:76px!important}
  .credit-search-toggle{width:40px!important;min-width:40px!important}
}