/* Credit Accounts v696 — Catalog visual language. */
#pageContent:has(.credit-page){background:#fff!important}
.credit-page{gap:14px!important;padding:0 0 96px!important;color:#17181c}

.credit-page-head{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  padding:4px 0!important;
}
.credit-back-btn{
  width:50px;height:50px;border:1px solid #e4e5e8;border-radius:15px;background:#fff;color:#6f737b;
  display:grid;place-items:center;font-size:18px;box-shadow:0 5px 15px rgba(16,24,40,.025)
}
.credit-title-copy{min-width:0}
.credit-page-head .credit-eyebrow{display:block!important;color:#9a721c!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important}
.credit-page-head h2{margin:4px 0 3px!important;font-size:27px!important;line-height:1.03!important;font-weight:850!important;letter-spacing:-.045em!important;white-space:nowrap}
.credit-page-head p{display:block!important;margin:0!important;color:#9a9ca2!important;font-size:11px!important}
#addCreditAccountBtn{
  width:auto!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0 17px!important;
  border-radius:15px!important;background:#17181c!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,18,22,.12)!important;font-size:12px!important
}
#addCreditAccountBtn i{color:#d2a63b;font-size:15px!important}

.credit-overview-card{
  display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(112px,.72fr));gap:12px;
  padding:20px;border:1px solid #e7dfcb;border-radius:22px;
  background:linear-gradient(120deg,#f8f6ef 0%,#fbfaf7 58%,#f4f7f2 100%);
  box-shadow:0 9px 25px rgba(31,35,32,.035)
}
.credit-overview-main{align-self:center;padding:3px 5px}
.credit-overview-main>strong{display:block;margin-top:10px;font-size:31px;line-height:1;font-weight:850;letter-spacing:-.045em;color:#202126}
.credit-overview-main>small{display:block;margin-top:8px;color:#96989e;font-size:10px}
.credit-overview-metrics{display:contents}
.credit-overview-metrics article{
  min-height:100px;padding:15px;border:1px solid #e4e3de;border-radius:17px;background:rgba(255,255,255,.92);
  display:flex;flex-direction:column;justify-content:center
}
.credit-overview-metrics span{color:#85888f;font-size:10px;font-weight:750}
.credit-overview-metrics strong{display:block;margin-top:9px;color:#9a741c;font-size:25px;line-height:1;font-weight:850}
.credit-overview-metrics article.danger strong{color:#c65b4d}
.credit-overview-metrics small{margin-top:6px;color:#adb0b5;font-size:8px}
.credit-collected-today{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border:1px solid #dfe9df;border-radius:15px;background:rgba(246,250,245,.9)
}
.credit-collected-today span{color:#68806d;font-size:10px;font-weight:800}
.credit-collected-today span i{margin-right:6px;color:#4d8c5e}
.credit-collected-today strong{color:#39784d;font-size:17px;font-weight:850}

.credit-toolbar-card{display:grid!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.credit-filter-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 52px;gap:9px}
.credit-control-box{
  min-width:0;min-height:58px;padding:9px 13px;border:1px solid #e0e2e6;border-radius:16px;background:#fff;
  display:grid;align-content:center;box-shadow:0 5px 16px rgba(16,24,40,.025)
}
.credit-control-box small{color:#9a721c;font-size:8px;font-weight:900;letter-spacing:.12em}
.credit-control-box select{
  width:100%!important;min-height:24px!important;height:24px!important;margin-top:2px!important;padding:0 22px 0 0!important;border:0!important;border-radius:0!important;
  background-color:transparent!important;color:#292b31!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important
}
.credit-search-toggle{
  width:52px;min-width:52px;min-height:58px;border:1px solid #e0e2e6;border-radius:16px;background:#fff;color:#6f737b;
  font-size:17px;box-shadow:0 5px 16px rgba(16,24,40,.025)
}
.credit-search-toggle[aria-expanded="true"]{border-color:#c9a13b;background:#faf4e5;color:#89691f}
.credit-search-box{
  grid-column:auto!important;display:flex!important;min-height:52px!important;padding:0 10px 0 15px!important;
  border:1px solid #e0e2e6!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(16,24,40,.025)!important
}
.credit-search-box[hidden]{display:none!important}
.credit-search-box input{font-size:16px!important}
.credit-search-clear{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:11px;background:#f0f1f3;color:#6f737b}
#creditResetFilters.credit-search-clear{
  display:inline-grid!important;grid-column:auto!important;grid-row:auto!important;place-items:center!important;
  width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:11px!important;background:#f0f1f3!important;color:#6f737b!important;box-shadow:none!important;font-size:13px!important
}
#creditResetFilters.credit-search-clear i{font-size:13px!important}

.credit-table-card{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.credit-table-head{padding:4px 3px 9px!important;border:0!important}
.credit-table-head h3{font-size:18px!important;font-weight:850!important;letter-spacing:-.025em!important}
.credit-table-head p{font-size:10px!important;color:#9a9ca2!important}
.credit-account-list{gap:11px!important}
.credit-account{
  position:relative!important;overflow:hidden!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"customer status" "outstanding outstanding" "limit available" "actions actions"!important;
  gap:0 12px!important;padding:16px!important;border:1px solid #e1e3e7!important;border-radius:21px!important;background:#fff!important;
  box-shadow:0 7px 22px rgba(16,24,40,.035)!important
}
.credit-account:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d0a53c}
.credit-account.clear:before{background:#69a879}.credit-account.overdue:before{background:#c95f50}.credit-account.blocked:before{background:#93969c}
.credit-account>div:nth-child(1){grid-area:customer!important}.credit-account>div:nth-child(2){grid-area:limit!important}.credit-account>div:nth-child(3){grid-area:outstanding!important}.credit-account>div:nth-child(4){grid-area:available!important}.credit-account>div:nth-child(5){grid-area:status!important;text-align:right!important}.credit-account>div:nth-child(6){grid-area:actions!important}
.credit-customer-main{padding:1px 0 13px!important;border:0!important}
.credit-customer-main strong{font-size:17px!important;font-weight:850!important}.credit-customer-main small{font-size:10px!important}
.credit-account>div:nth-child(5){padding-bottom:13px!important}
.credit-account>div:nth-child(3){margin:0 0 12px!important;padding:13px 14px!important;border-radius:15px!important;background:#f7f7f8!important}
.credit-account.overdue>div:nth-child(3){background:#fdf3f1!important}.credit-account.clear>div:nth-child(3){background:#f1f8f2!important}
.credit-account>div:nth-child(3)>strong{margin-top:6px!important;color:#25262b!important;font-size:22px!important;font-weight:850!important}
.credit-account.overdue>div:nth-child(3)>strong{color:#b94638!important}.credit-account.clear>div:nth-child(3)>strong{color:#397c4e!important}
.credit-account>div:nth-child(2),.credit-account>div:nth-child(4){padding:1px 3px 14px!important}
.credit-account small{font-size:9px!important;color:#92959b!important}.credit-account>div:nth-child(2)>strong,.credit-account>div:nth-child(4)>strong{margin-top:5px!important;font-size:13px!important}
.credit-account>div:nth-child(4)>strong{color:#397c4e!important}
.credit-account-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding-top:12px!important;border-top:1px solid #eceef0!important}
.credit-account-actions:has(.credit-view-btn:only-child){grid-template-columns:1fr!important}
.credit-account-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px!important;border-radius:13px!important;font-size:11px!important;font-weight:800!important}
.credit-view-btn{background:#f6edda!important;color:#80611e!important;box-shadow:none!important}.credit-edit-btn{background:#f0f1f3!important;color:#5d6169!important}

.credit-summary-box:first-child{background:#f7f1e3!important;border-color:#eadfc4!important}
.credit-summary-box:first-child>span{color:#8c7440!important}.credit-summary-box:first-child>strong{color:#29261f!important}

@media(max-width:760px){
  #pageContent:has(.credit-page){padding:12px 13px 28px!important;background:#fff!important}
  .credit-page{padding:0 0 96px!important}
  .credit-page-head{grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important}
  .credit-back-btn{width:48px;height:48px}
  .credit-page-head h2{font-size:23px!important}
  .credit-page-head p{max-width:250px!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #addCreditAccountBtn{width:48px!important;min-width:48px!important;padding:0!important;font-size:0!important}
  #addCreditAccountBtn i{font-size:16px!important}
  .credit-overview-card{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.7fr));gap:9px;padding:16px;border-radius:21px}
  .credit-overview-main{padding:2px 1px}.credit-overview-main>strong{font-size:26px}.credit-overview-main>small{font-size:8px}
  .credit-overview-metrics article{min-height:90px;padding:12px}.credit-overview-metrics span{font-size:9px}.credit-overview-metrics strong{font-size:22px}.credit-overview-metrics small{font-size:7px}
  .credit-collected-today{padding:11px 12px}.credit-collected-today strong{font-size:15px}
  .credit-filter-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) 50px;gap:8px}
  .credit-control-box{min-height:56px;padding:8px 11px}.credit-control-box select{font-size:16px!important}.credit-search-toggle{width:50px;min-width:50px;min-height:56px}
  .credit-table-head h3{font-size:17px!important}
  .credit-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .credit-summary-box:first-child{grid-column:1/-1!important}
}
@media(max-width:390px){
  .credit-page-head{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:9px!important}.credit-back-btn,#addCreditAccountBtn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .credit-page-head h2{font-size:21px!important}.credit-page-head p{display:none!important}
  .credit-overview-card{grid-template-columns:1fr 1fr!important}.credit-overview-main{grid-column:1/-1}.credit-overview-metrics{display:contents}.credit-overview-metrics article{min-height:76px}.credit-collected-today{grid-column:1/-1}
  .credit-filter-row{grid-template-columns:minmax(0,1fr) 50px}.credit-control-box{grid-column:1}.credit-sort-box{grid-column:1}.credit-search-toggle{grid-column:2;grid-row:1/3}
}