/* AquaFlow V34.2.28 — Order / Delivery / Debt UI Sync
   Debt workspace now uses the same enterprise rhythm, controls and card hierarchy. */
#debts{
  --odd-line:#d9e6f1;
  --odd-text:#143653;
  --odd-muted:#6d8296;
  --odd-blue:#0878ef;
  --odd-blue-soft:#eef6ff;
  --odd-red:#d94a52;
  --odd-red-soft:#fff1f2;
  --odd-amber:#c06b08;
  --odd-amber-soft:#fff5e8;
  --odd-green:#0a9d6c;
  --odd-green-soft:#ecfaf4;
  --odd-radius:16px;
}

/* Heading + actions matches Order / Delivery. */
#debts .debt-enterprise-head-v34228{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:64px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#debts .debt-head-brand-v34228{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
#debts .debt-head-logo-v34228{
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#168cff,#0878ef)!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 7px 16px rgba(8,120,239,.14)!important;
}
#debts .debt-head-brand-v34228>div{min-width:0!important}
#debts .debt-head-brand-v34228 small{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--odd-blue)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
#debts .debt-head-brand-v34228 h2{
  margin:0!important;
  color:var(--odd-text)!important;
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
#debts .debt-head-brand-v34228 p{
  margin:4px 0 0!important;
  color:var(--odd-muted)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
#debts .debt-head-actions-v34228{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex:0 0 auto!important;
}
#debts .debt-head-actions-v34228 .btn{
  min-height:42px!important;
  height:42px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#debts .debt-head-actions-v34228 .btn.secondary{
  border:1px solid #cbddeb!important;
  background:#fff!important;
  color:#274b69!important;
  box-shadow:0 3px 10px rgba(25,62,91,.035)!important;
}
#debts .debt-head-actions-v34228 .btn.primary{
  border-color:var(--odd-blue)!important;
  background:linear-gradient(135deg,#168cff,var(--odd-blue))!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(8,120,239,.14)!important;
}

/* Debt lifecycle uses the same 48px enterprise process language. */
#debts .debt-enterprise-flow-v34228{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:0 0 10px!important;
  padding:4px 5px!important;
  border:1px solid var(--odd-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(23,55,89,.035)!important;
  overflow:hidden!important;
}
#debts .debt-enterprise-flow-v34228>i{
  display:grid!important;
  place-items:center!important;
  width:12px!important;
  height:100%!important;
  color:#91a5b8!important;
  font-size:14px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}
#debts .debt-flow-node-v34228{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  height:38px!important;
  padding:4px 5px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:#f4f7fa!important;
  color:#5d7489!important;
  overflow:hidden!important;
}
#debts .debt-flow-node-v34228>b{
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:#e5edf5!important;
  color:#617b92!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
}
#debts .debt-flow-node-v34228>strong{
  min-width:0!important;
  color:inherit!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#debts .debt-flow-node-v34228.active{
  border-color:#cfe4fa!important;
  background:#eaf4ff!important;
  color:var(--odd-blue)!important;
}
#debts .debt-flow-node-v34228.active>b{background:var(--odd-blue)!important;color:#fff!important}
#debts .debt-flow-node-v34228.done{color:#087a58!important}

/* Compact KPI strip, same card rhythm as Order KPIs. */
#debts .debt-summary-v34228{
  display:block!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#debts .debt-summary-metrics-v34228{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
}
#debts .debt-summary-card-v34228{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:78px!important;
  padding:10px 11px!important;
  border:1px solid var(--odd-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(23,55,89,.035)!important;
}
#debts .debt-summary-card-v34228.total{background:linear-gradient(145deg,#fff5f5,#fff)!important;border-color:#f0d8da!important}
#debts .debt-summary-card-v34228.customers{background:linear-gradient(145deg,#eef7ff,#fff)!important}
#debts .debt-summary-card-v34228 .debt-metric-icon-new{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  margin:0!important;
  border-radius:12px!important;
  background:#e9f4ff!important;
  color:var(--odd-blue)!important;
  font-size:17px!important;
}
#debts .debt-summary-card-v34228.total .debt-metric-icon-new{background:#ffe7e9!important;color:var(--odd-red)!important}
#debts .debt-summary-card-v34228 small{
  color:#688096!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
#debts .debt-summary-card-v34228 strong{
  display:block!important;
  margin-top:3px!important;
  color:var(--odd-text)!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#debts .debt-summary-card-v34228.total strong{color:#c83e46!important}
#debts .debt-summary-card-v34228 p{
  margin:3px 0 0!important;
  color:var(--odd-muted)!important;
  font-size:10px!important;
  line-height:1.2!important;
}

/* QR + Search match Delivery workspace. */
#debts .debt-qr-toolbar-v34228,
#debts .debt-search-v34228{
  border:1px solid var(--odd-line)!important;
  border-radius:var(--odd-radius)!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(23,55,89,.035)!important;
}
#debts .debt-qr-toolbar-v34228{
  min-height:58px!important;
  margin:0 0 10px!important;
  padding:9px 10px!important;
}
#debts .debt-qr-toolbar-v34228 .btn{
  min-height:40px!important;
  border-radius:11px!important;
  font-weight:900!important;
}
#debts .debt-search-v34228{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin:0 0 9px!important;
  padding:8px!important;
}
#debts .debt-search-v34228 .employee-search-box{
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  border:1px solid #c9dbea!important;
  border-radius:12px!important;
  background:#fff!important;
}
#debts .debt-search-v34228 .employee-search-count{
  min-width:68px!important;
  min-height:44px!important;
  height:44px!important;
  border-radius:12px!important;
  background:var(--odd-blue-soft)!important;
  color:#086bcf!important;
  font-weight:900!important;
}
#debts .debt-list-head-v34228{
  margin:9px 2px 7px!important;
  align-items:center!important;
}
#debts .debt-list-head-v34228 small{font-size:9px!important;letter-spacing:.09em!important}
#debts .debt-list-head-v34228>span{color:#7890a4!important;font-size:10px!important;font-weight:800!important}

/* Debt cards mirror Order / Delivery card hierarchy. */
#debts .debt-list-v34228{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
}
#debts .debt-card-v34228{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  padding:13px 13px 12px 16px!important;
  border:1px solid #f0d8da!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(25,62,91,.045)!important;
  overflow:hidden!important;
  content-visibility:auto;
  contain-intrinsic-size:185px;
}
#debts .debt-card-v34228:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--odd-red);
}
#debts .debt-card-v34228.aging:before{background:#e49a23}
#debts .debt-card-v34228.limit:before{background:#8b5cf6}
#debts .debt-card-v34228.overdue:before{background:#d52f3b}
#debts .debt-card-head-v34228{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin-bottom:10px!important;
}
#debts .debt-sequence-v34228{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:#ffe6e8!important;
  color:#c83e46!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
}
#debts .debt-status-v34228{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff0f1!important;
  color:#c83e46!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#debts .debt-status-v34228.aging{background:#fff4e3!important;color:#b86a0a!important}
#debts .debt-status-v34228.limit{background:#f3edff!important;color:#7040c6!important}
#debts .debt-status-v34228.overdue{background:#ffe8ea!important;color:#c72d39!important}
#debts .debt-age-v34228{
  min-width:0!important;
  color:#71889b!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#debts .debt-card-customer-v34228{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin-bottom:10px!important;
}
#debts .debt-avatar-v34228{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  background:#e9f4ff!important;
  color:var(--odd-blue)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
}
#debts .debt-customer-copy-v34228{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#debts .debt-customer-copy-v34228 .debtor-name{
  min-width:0!important;
  color:var(--odd-text)!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
#debts .debt-customer-copy-v34228 small{
  min-width:0!important;
  color:var(--odd-muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#debts .debt-money-v34228{
  display:grid!important;
  justify-items:end!important;
  gap:3px!important;
  min-width:0!important;
  text-align:right!important;
}
#debts .debt-money-v34228>strong{
  color:#d33d46!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#debts .debt-money-v34228>small{
  color:#a3565c!important;
  font-size:9.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
#debts .debt-card-facts-v34228{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-width:0!important;
  border:1px solid #dce8f1!important;
  border-radius:13px!important;
  background:#f8fbfd!important;
  overflow:hidden!important;
}
#debts .debt-card-facts-v34228>div{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  min-width:0!important;
  min-height:56px!important;
  padding:8px 10px!important;
}
#debts .debt-card-facts-v34228>div+div{border-left:1px solid #dce8f1!important}
#debts .debt-card-facts-v34228 span{
  min-width:0!important;
  color:#60798e!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#debts .debt-card-facts-v34228 b{color:#405f78!important;font-weight:900!important}
#debts .debt-source-v34228{color:#9a6818!important}
#debts .debt-risk-row-v34228{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:8px 0 0!important;
}
#debts .debt-card-actions-v34228{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
#debts .debt-card-actions-v34228.count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#debts .debt-card-actions-v34228 .mini-btn,
#debts .debt-card-actions-v34228 .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#debts .debt-card-actions-v34228 .detail,
#debts .debt-card-actions-v34228 .sepay-reopen-button{
  border:1px solid #cbddeb!important;
  background:#fff!important;
  color:#31536f!important;
  box-shadow:none!important;
}
#debts .debt-card-actions-v34228 .debt-pay-v34228{
  border:1px solid var(--odd-blue)!important;
  background:linear-gradient(135deg,#168cff,var(--odd-blue))!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(8,120,239,.12)!important;
}

@media(max-width:760px){
  #debts .debt-enterprise-head-v34228{min-height:62px!important}
  #debts .debt-head-logo-v34228{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:12px!important;font-size:20px!important}
  #debts .debt-head-brand-v34228 h2{font-size:22px!important}
  #debts .debt-head-brand-v34228 p{display:none!important}
  #debts .debt-head-actions-v34228{gap:6px!important}
  #debts .debt-head-actions-v34228 .btn{height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:10.5px!important}
  #debts .debt-summary-card-v34228{min-height:72px!important;padding:9px 10px!important}
  #debts .debt-summary-card-v34228 strong{font-size:18px!important}
  #debts .debt-card-v34228{padding:12px 12px 11px 15px!important}
}

@media(max-width:390px){
  #debts .debt-enterprise-head-v34228{gap:6px!important}
  #debts .debt-head-brand-v34228{gap:6px!important}
  #debts .debt-head-logo-v34228{flex-basis:36px!important;width:36px!important;height:36px!important;font-size:18px!important}
  #debts .debt-head-brand-v34228 small{font-size:8px!important}
  #debts .debt-head-brand-v34228 h2{font-size:19px!important}
  #debts .debt-head-actions-v34228 .btn{height:38px!important;min-height:38px!important;padding:0 8px!important;font-size:9.6px!important;border-radius:10px!important}
  #debts .debt-enterprise-flow-v34228{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)!important;gap:2px!important;height:46px!important;min-height:46px!important;padding:4px!important}
  #debts .debt-flow-node-v34228{gap:3px!important;height:36px!important;padding:3px 4px!important}
  #debts .debt-flow-node-v34228>b{flex-basis:21px!important;width:21px!important;height:21px!important;font-size:8px!important}
  #debts .debt-flow-node-v34228>strong{font-size:9.5px!important}
  #debts .debt-enterprise-flow-v34228>i{width:10px!important;font-size:12px!important}
  #debts .debt-summary-metrics-v34228{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)!important;gap:6px!important}
  #debts .debt-summary-card-v34228{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;min-height:66px!important;padding:8px!important}
  #debts .debt-summary-card-v34228 .debt-metric-icon-new{width:34px!important;height:34px!important;border-radius:10px!important;font-size:15px!important}
  #debts .debt-summary-card-v34228 strong{font-size:16px!important}
  #debts .debt-summary-card-v34228 p{font-size:9px!important}
  #debts .debt-card-head-v34228{gap:5px!important}
  #debts .debt-sequence-v34228{width:28px!important;height:28px!important;font-size:10px!important}
  #debts .debt-status-v34228{min-height:28px!important;padding:0 8px!important;font-size:10px!important}
  #debts .debt-age-v34228{font-size:9.5px!important}
  #debts .debt-card-customer-v34228{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}
  #debts .debt-avatar-v34228{width:40px!important;height:40px!important;font-size:16px!important}
  #debts .debt-customer-copy-v34228 .debtor-name{font-size:16px!important}
  #debts .debt-money-v34228>strong{font-size:16px!important}
  #debts .debt-card-facts-v34228>div{min-height:52px!important;padding:7px 8px!important}
  #debts .debt-card-facts-v34228 span{font-size:9.5px!important}
  #debts .debt-card-actions-v34228 .mini-btn,
  #debts .debt-card-actions-v34228 .btn{min-height:40px!important;height:40px!important;padding:0 5px!important;font-size:9.6px!important}
}

/* Hard lock against older role-specific debt layouts that use !important. */
body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228,
body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228,
body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:64px!important;
  margin:0 0 10px!important;
}
body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228>div,
body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228>div,
body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228>div{min-width:0!important}
body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 h2,
body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228 h2,
body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.1!important;
}
body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 p,
body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228 p,
body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 p{
  grid-column:auto!important;
  margin:4px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
body.staff-mode #debts .debt-hero.debt-hero-new.debt-summary-v34228,
body[data-role="staff"] #debts .debt-hero.debt-hero-new.debt-summary-v34228,
body.management-mode #debts .debt-hero.debt-hero-new.debt-summary-v34228{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.staff-mode #debts .debt-hero-metrics-new.debt-summary-metrics-v34228,
body[data-role="staff"] #debts .debt-hero-metrics-new.debt-summary-metrics-v34228,
body.management-mode #debts .debt-hero-metrics-new.debt-summary-metrics-v34228{
  grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)!important;
  gap:8px!important;
  overflow:visible!important;
  border-radius:0!important;
}
body.staff-mode #debts .debt-list-new .debt-card-v34228,
body[data-role="staff"] #debts .debt-list-new .debt-card-v34228,
body.management-mode #debts .debt-list-new .debt-card-v34228{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:13px 13px 12px 16px!important;
  border-radius:18px!important;
}
body.staff-mode #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228,
body[data-role="staff"] #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228,
body.management-mode #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-items:stretch!important;
  gap:7px!important;
}
body.staff-mode #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228.count-3,
body[data-role="staff"] #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228.count-3,
body.management-mode #debts .debt-list-new .debt-card-v34228>.debt-card-actions-v34228.count-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:640px){
  body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228,
  body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228,
  body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:62px!important;
    margin:0 0 10px!important;
  }
  body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 h2,
  body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228 h2,
  body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 h2{font-size:22px!important}
  body.staff-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 p,
  body[data-role="staff"] #debts .debt-page-head-new.debt-enterprise-head-v34228 p,
  body.management-mode #debts .debt-page-head-new.debt-enterprise-head-v34228 p{display:none!important}
  body.staff-mode #debts .debt-list-new .debt-card-v34228,
  body[data-role="staff"] #debts .debt-list-new .debt-card-v34228,
  body.management-mode #debts .debt-list-new .debt-card-v34228{
    padding:12px 12px 11px 15px!important;
    border-radius:18px!important;
  }
}

@media(max-width:360px){
  body.staff-mode #debts .debt-hero-metrics-new.debt-summary-metrics-v34228,
  body[data-role="staff"] #debts .debt-hero-metrics-new.debt-summary-metrics-v34228,
  body.management-mode #debts .debt-hero-metrics-new.debt-summary-metrics-v34228{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)!important;
  }
}