/* Outstanding balance hero — compact two-column layout */
.checks-page .app-header{margin-bottom:12px!important}
.checks-balance-section{margin:0 0 18px}
.checks-balance-card{
  position:relative;display:block;overflow:hidden;min-height:0;padding:24px 28px 18px;
  border-radius:20px;background:linear-gradient(135deg,#075ecf 0%,#0a67d8 55%,#0b72e7 100%);
  color:#fff;box-shadow:0 8px 24px rgba(17,24,39,.045)
}
.checks-balance-card::before,.checks-balance-card::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.checks-balance-card::before{width:260px;height:260px;right:-82px;top:-126px;background:rgba(255,255,255,.08)}
.checks-balance-card::after{width:185px;height:185px;left:-78px;bottom:-118px;background:rgba(255,255,255,.055)}
.checks-balance-hero-inner{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 250px;
  align-items:start;gap:44px
}
.checks-balance-copy{min-width:0}
.checks-balance-label{display:block;margin-bottom:3px;color:rgba(255,255,255,.84);font-size:13px;font-weight:750}
#checksOutstandingBalance{display:block;margin:0;color:#fff;font-size:34px;font-weight:900;line-height:1.04;letter-spacing:-.035em}
.checks-balance-status{display:block;margin-top:7px;color:rgba(255,255,255,.78);font-size:12px;font-weight:650}

.checks-balance-lower{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;
  align-self:start;width:100%;margin:0!important;padding:2px 0 0!important;
  border:0!important;box-shadow:none!important;text-align:right
}
.checks-balance-breakdown{display:flex;flex-direction:column;align-items:flex-end;margin:0;width:100%;border:0!important}
.checks-balance-breakdown>div{
  display:flex;align-items:baseline;justify-content:flex-end;gap:14px;width:100%;
  padding:0;border:0;background:transparent;box-shadow:none;text-align:right
}
.checks-balance-breakdown span{display:block;color:rgba(255,255,255,.72);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.checks-balance-breakdown strong{display:block;margin:0;color:#fff;font-size:18px;font-weight:900;text-align:right;white-space:nowrap}
.checks-balance-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  align-self:flex-end!important;width:auto!important;margin:14px 0 0 auto!important;padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.42)!important;border-radius:9px!important;
  background:rgba(255,255,255,.06)!important;color:#fff!important;text-decoration:none!important;
  white-space:nowrap!important;line-height:1!important;text-align:right!important
}
.checks-balance-link-label{
  display:inline-block!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;
  color:rgba(255,255,255,.78)!important;background:transparent!important;border:0!important;border-radius:0!important;
  font-family:inherit!important;font-size:10px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.07em!important;
  text-transform:uppercase!important;white-space:nowrap!important;text-align:right!important
}
.checks-balance-link:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.58)!important}

@media(max-width:720px){
  .checks-page .app-header{margin-bottom:8px!important}
  .checks-balance-card{padding:22px 22px 16px;border-radius:20px}
  .checks-balance-hero-inner{grid-template-columns:minmax(0,1fr) 220px;gap:24px}
  #checksOutstandingBalance{font-size:31px}
}
@media(max-width:560px){
  .checks-balance-hero-inner{grid-template-columns:1fr;gap:16px}
  .checks-balance-lower{align-items:flex-end;padding-top:0!important}
  .checks-balance-breakdown{align-items:flex-end}
}
@media(max-width:520px){.checks-balance-card{padding:20px 20px 14px}}