/* JX Ledger V7.27 stable recovery UI — view/permission only; no accounting formulas changed. */
.nav-svg{display:block;width:20px;height:20px;flex:0 0 auto}
.side-nav a i,.mobile-drawer-nav a i,.mobile-nav i{display:grid;place-items:center;color:currentColor}
.mobile-nav .nav-svg{width:18px;height:18px}
.dashboard-recent-mobile{display:none}
.obligation-progress{display:flex;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #edf1f5;color:#7b8799;font-size:9px;font-variant-numeric:tabular-nums}
.obligation-card .ledger-summary-top strong{color:#172033}
@media(max-width:760px){
  .dashboard-recent-desktop{display:none}
  .dashboard-recent-mobile{display:grid;gap:0;padding:4px 14px 10px}
  .dashboard-recent-item{display:block;text-decoration:none;padding:11px 0;border-bottom:1px solid #edf1f5;min-width:0}
  .dashboard-recent-item:last-child{border-bottom:0}
  .dashboard-recent-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .dashboard-recent-top span{color:#8390a1;font-size:9px;font-weight:700}
  .dashboard-recent-top b{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
  .dashboard-recent-item>strong{display:block;margin-top:5px;color:#172033;font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-recent-item>small{display:block;margin-top:3px;color:#8a96a7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-recent-foot{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#8b97a8;font-size:8.5px}
  .dashboard-recent-foot span:last-child{color:#4c7299;font-weight:750}
  .obligation-progress{font-size:8.7px}
}


/* V7.28 — AR/AP compact presentation only. Accounting, allocation and permission logic stay unchanged. */
.obligation-overview{display:grid;gap:7px}
.obligation-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.obligation-kpi{min-width:0;padding:13px 14px;border:1px solid #e5eaf0;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(26,44,69,.025)}
.obligation-kpi span,.obligation-kpi small{display:block}
.obligation-kpi span{font-size:9.5px;color:#7b889a;font-weight:730}
.obligation-kpi b{display:block;margin:5px 0 2px;font-size:20px;line-height:1.15;letter-spacing:-.45px;color:#172033;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obligation-kpi small{font-size:8.2px;color:#9aa5b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receivable-overview .obligation-kpi.primary b{color:#13a36f}
.payable-overview .obligation-kpi.primary b{color:#e24f60}
.obligation-kpi-strip{display:flex;gap:7px 16px;flex-wrap:wrap;padding:1px 3px 0;color:#7b8798;font-size:8.8px}
.obligation-kpi-strip b{margin-left:3px;color:#27384e;font-size:9.5px;font-variant-numeric:tabular-nums}
.obligation-kpi-strip .danger-text,.obligation-kpi-strip .danger-text b{color:#d94f5c}
.filter-core-grid.one{grid-template-columns:minmax(0,1fr)}
.obligation-filter-card{padding:12px 13px}
.obligation-filter-card .ledger-filter-head{margin-bottom:8px}
.obligation-filter-card .filter-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.obligation-filter-card .filter-more-grid .search-field{grid-column:auto}
.obligation-simple-card .tx-summary-main{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obligation-simple-card .tx-summary-sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obligation-simple-card .tx-summary-foot .detail-link{color:#3e6f9f;font-weight:760}
.obligation-simple-card .tx-summary-top strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .obligation-kpi{padding:11px 12px;border-radius:13px;min-height:74px}
  .obligation-kpi span{font-size:8.7px}.obligation-kpi b{font-size:17px;margin-top:6px}.obligation-kpi small{font-size:7.8px}
  .obligation-kpi-strip{font-size:8px;gap:5px 12px;padding-left:2px}.obligation-kpi-strip b{font-size:8.5px}
  .obligation-filter-card{padding:10px 11px}
  .obligation-filter-card .filter-core-grid.one{grid-template-columns:1fr}
  .obligation-filter-card .filter-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .obligation-filter-card .filter-more-grid .search-field{grid-column:1/-1}
  .obligation-mobile-list{gap:8px}
  .obligation-simple-card{padding:10px 12px}
  .obligation-simple-card .tx-summary-main{font-size:12px;margin-top:6px}
  .obligation-simple-card .tx-summary-sub{font-size:9px;margin-top:3px}
  .obligation-simple-card .tx-summary-foot{margin-top:8px;padding-top:7px}
}
@media(max-width:390px){
  .obligation-filter-card .filter-more-grid{grid-template-columns:1fr}
  .obligation-filter-card .filter-more-grid .search-field{grid-column:auto}
}
/* JX Ledger V7.29 — visual polish only.
   No accounting formulas, allocations, balances or database structures are changed here. */

/* ---------- shared page polish ---------- */
body[data-page="transactions"],
body[data-page="ar"],
body[data-page="ap"]{
  --v729-card:#ffffff;
  --v729-line:#e7edf4;
  --v729-soft:#f6f8fb;
  --v729-ink:#172033;
  --v729-muted:#7d8999;
  --v729-blue:#0a84ff;
  --v729-green:#15a36f;
  --v729-red:#df5362;
}
body[data-page="transactions"] .content,
body[data-page="ar"] .content,
body[data-page="ap"] .content{max-width:1320px}
body[data-page="transactions"] .card,
body[data-page="ar"] .card,
body[data-page="ap"] .card{border-color:var(--v729-line)}

/* ---------- transaction summary ---------- */
body[data-page="transactions"] [data-live-zone="summary"]{display:block}
body[data-page="transactions"] .boss-money-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-page="transactions"] .boss-money-card{
  position:relative;
  display:block!important;
  min-width:0;
  padding:17px 18px 16px!important;
  border:1px solid var(--v729-line)!important;
  border-radius:20px!important;
  background:var(--v729-card)!important;
  color:var(--v729-ink)!important;
  text-decoration:none!important;
  box-shadow:0 10px 28px rgba(31,48,72,.055)!important;
  overflow:hidden;
}
body[data-page="transactions"] .boss-money-card::after{
  content:"";
  position:absolute;
  width:78px;height:78px;border-radius:50%;
  right:-26px;top:-30px;
  background:rgba(10,132,255,.045);
  pointer-events:none;
}
body[data-page="transactions"] .boss-money-card.income::after{background:rgba(21,163,111,.07)}
body[data-page="transactions"] .boss-money-card.expense::after{background:rgba(223,83,98,.07)}
body[data-page="transactions"] .boss-money-card span,
body[data-page="transactions"] .boss-money-card small{display:block!important;text-decoration:none!important}
body[data-page="transactions"] .boss-money-card span{
  color:var(--v729-muted)!important;
  font-size:11px!important;
  font-weight:760!important;
  letter-spacing:.01em;
}
body[data-page="transactions"] .boss-money-card b{
  display:block!important;
  margin:8px 0 5px!important;
  color:var(--v729-ink)!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.7px!important;
  font-variant-numeric:tabular-nums;
  text-decoration:none!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body[data-page="transactions"] .boss-money-card.income b{color:var(--v729-green)!important}
body[data-page="transactions"] .boss-money-card.expense b{color:var(--v729-red)!important}
body[data-page="transactions"] .boss-money-card small{color:#9aa5b3!important;font-size:9.5px!important}
body[data-page="transactions"] .boss-summary-strip{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px!important;
  margin-top:10px;
  padding:10px 13px!important;
  border:1px solid #e9eef4;
  border-radius:14px;
  background:rgba(255,255,255,.74);
  color:var(--v729-muted)!important;
  font-size:9.5px!important;
}
body[data-page="transactions"] .boss-summary-strip b{color:#26364a!important;font-size:10.5px!important}

/* ---------- AR/AP summary ---------- */
body[data-page="ar"] .obligation-overview,
body[data-page="ap"] .obligation-overview{gap:9px!important}
body[data-page="ar"] .obligation-kpi-grid,
body[data-page="ap"] .obligation-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-page="ar"] .obligation-kpi,
body[data-page="ap"] .obligation-kpi{
  position:relative;
  min-width:0;
  padding:16px 17px!important;
  border:1px solid var(--v729-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(31,48,72,.05)!important;
  overflow:hidden;
}
body[data-page="ar"] .obligation-kpi.primary{background:linear-gradient(145deg,#ffffff 42%,#f2fbf7 100%)!important}
body[data-page="ap"] .obligation-kpi.primary{background:linear-gradient(145deg,#ffffff 42%,#fff5f6 100%)!important}
body[data-page="ar"] .obligation-kpi span,
body[data-page="ap"] .obligation-kpi span{font-size:10.5px!important;color:#7d8999!important;font-weight:760!important}
body[data-page="ar"] .obligation-kpi b,
body[data-page="ap"] .obligation-kpi b{
  display:block!important;
  margin:8px 0 4px!important;
  color:var(--v729-ink)!important;
  font-size:25px!important;
  line-height:1.08!important;
  letter-spacing:-.7px!important;
  font-variant-numeric:tabular-nums;
}
body[data-page="ar"] .obligation-kpi.primary b{color:var(--v729-green)!important}
body[data-page="ap"] .obligation-kpi.primary b{color:var(--v729-red)!important}
body[data-page="ar"] .obligation-kpi small,
body[data-page="ap"] .obligation-kpi small{font-size:9px!important;color:#9aa5b3!important}
body[data-page="ar"] .obligation-kpi-strip,
body[data-page="ap"] .obligation-kpi-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px!important;
  padding:0!important;
  border:1px solid #e9eef4;
  border-radius:14px;
  background:#e9eef4;
  overflow:hidden;
}
body[data-page="ar"] .obligation-kpi-strip>span,
body[data-page="ap"] .obligation-kpi-strip>span{
  min-width:0;
  padding:9px 10px;
  background:#fff;
  color:#7b8798;
  font-size:9px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body[data-page="ar"] .obligation-kpi-strip b,
body[data-page="ap"] .obligation-kpi-strip b{display:inline;color:#27384e;font-size:10px;font-variant-numeric:tabular-nums}

/* ---------- filter panels ---------- */
body[data-page="transactions"] .ledger-filter-card,
body[data-page="ar"] .ledger-filter-card,
body[data-page="ap"] .ledger-filter-card{
  padding:16px 17px!important;
  border:1px solid var(--v729-line)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 30px rgba(31,48,72,.05)!important;
}
body[data-page="transactions"] .ledger-filter-head,
body[data-page="ar"] .ledger-filter-head,
body[data-page="ap"] .ledger-filter-head{align-items:center!important;margin-bottom:12px!important}
body[data-page="transactions"] .ledger-filter-head h2,
body[data-page="ar"] .ledger-filter-head h2,
body[data-page="ap"] .ledger-filter-head h2{font-size:17px!important;line-height:1.2!important;color:var(--v729-ink)!important;letter-spacing:-.2px}
body[data-page="transactions"] .ledger-filter-head p,
body[data-page="ar"] .ledger-filter-head p,
body[data-page="ap"] .ledger-filter-head p{margin-top:4px!important;color:#8d98a7!important;font-size:9px!important}
body[data-page="transactions"] .ledger-filter-form,
body[data-page="ar"] .ledger-filter-form,
body[data-page="ap"] .ledger-filter-form{gap:9px!important}
body[data-page="transactions"] .filter-core-grid,
body[data-page="transactions"] .filter-more-grid,
body[data-page="ar"] .filter-core-grid,
body[data-page="ar"] .filter-more-grid,
body[data-page="ap"] .filter-core-grid,
body[data-page="ap"] .filter-more-grid{gap:9px!important}
body[data-page="transactions"] .ledger-filter-form .field label,
body[data-page="ar"] .ledger-filter-form .field label,
body[data-page="ap"] .ledger-filter-form .field label{
  margin:0 0 5px!important;
  color:#7d8999!important;
  font-size:9px!important;
  font-weight:760!important;
}
body[data-page="transactions"] .ledger-filter-form .field input,
body[data-page="transactions"] .ledger-filter-form .field select,
body[data-page="ar"] .ledger-filter-form .field input,
body[data-page="ar"] .ledger-filter-form .field select,
body[data-page="ap"] .ledger-filter-form .field input,
body[data-page="ap"] .ledger-filter-form .field select{
  min-height:40px!important;
  border:1px solid #e5eaf0!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#1c2838!important;
  box-shadow:none!important;
}
body[data-page="transactions"] .ledger-filter-form .field input:focus,
body[data-page="transactions"] .ledger-filter-form .field select:focus,
body[data-page="ar"] .ledger-filter-form .field input:focus,
body[data-page="ar"] .ledger-filter-form .field select:focus,
body[data-page="ap"] .ledger-filter-form .field input:focus,
body[data-page="ap"] .ledger-filter-form .field select:focus{
  border-color:#bedcff!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.07)!important;
}
body[data-page="transactions"] .filter-more,
body[data-page="ar"] .filter-more,
body[data-page="ap"] .filter-more{padding-top:0!important;border-top:0!important}
body[data-page="transactions"] .filter-more summary,
body[data-page="ar"] .filter-more summary,
body[data-page="ap"] .filter-more summary{
  display:inline-flex;
  align-items:center;
  width:auto!important;
  min-height:28px;
  padding:5px 9px!important;
  border-radius:999px;
  background:#f3f6f9;
  color:#667588!important;
  font-size:9px!important;
  font-weight:760!important;
}
body[data-page="transactions"] .filter-more summary:after,
body[data-page="ar"] .filter-more summary:after,
body[data-page="ap"] .filter-more summary:after{margin-left:5px!important}
body[data-page="transactions"] .filter-more-grid,
body[data-page="ar"] .filter-more-grid,
body[data-page="ap"] .filter-more-grid{margin-top:9px!important;padding-top:9px;border-top:1px solid #eef2f5}

/* ---------- compact mobile cards ---------- */
body[data-page="transactions"] .tx-summary-card,
body[data-page="ar"] .tx-summary-card,
body[data-page="ap"] .tx-summary-card{
  position:relative;
  display:block;
  padding:14px 15px 13px!important;
  border:1px solid var(--v729-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--v729-ink)!important;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(31,48,72,.045)!important;
  overflow:hidden;
}
body[data-page="transactions"] .tx-summary-card:active,
body[data-page="ar"] .tx-summary-card:active,
body[data-page="ap"] .tx-summary-card:active{transform:scale(.997)}
body[data-page="transactions"] .tx-summary-top,
body[data-page="ar"] .tx-summary-top,
body[data-page="ap"] .tx-summary-top{align-items:center!important}
body[data-page="transactions"] .tx-summary-date,
body[data-page="ar"] .tx-summary-date,
body[data-page="ap"] .tx-summary-date{font-size:10px!important;color:#8290a1!important;font-weight:760!important;letter-spacing:.01em}
body[data-page="transactions"] .tx-summary-top strong,
body[data-page="ar"] .tx-summary-top strong,
body[data-page="ap"] .tx-summary-top strong{font-size:18px!important;line-height:1!important;letter-spacing:-.45px!important;font-variant-numeric:tabular-nums}
body[data-page="transactions"] .tx-summary-main,
body[data-page="ar"] .tx-summary-main,
body[data-page="ap"] .tx-summary-main{margin-top:9px!important;color:#172033!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important}
body[data-page="transactions"] .tx-summary-sub,
body[data-page="ar"] .tx-summary-sub,
body[data-page="ap"] .tx-summary-sub{margin-top:4px!important;color:#8490a0!important;font-size:9.5px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
body[data-page="transactions"] .tx-summary-foot,
body[data-page="ar"] .tx-summary-foot,
body[data-page="ap"] .tx-summary-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:11px!important;
  padding-top:9px!important;
  border-top:1px solid #edf1f5!important;
  color:#8290a1!important;
  font-size:9px!important;
}
body[data-page="transactions"] .tx-summary-foot span:last-child,
body[data-page="ar"] .tx-summary-foot span:last-child,
body[data-page="ap"] .tx-summary-foot span:last-child{color:#3d6e9e!important;font-weight:780!important}
body[data-page="ar"] .tx-summary-foot span:first-child.green-text,
body[data-page="ap"] .tx-summary-foot span:first-child.green-text{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#eef9f4;
  color:#21865f!important;
  font-weight:760!important;
}
body[data-page="ap"] .tx-summary-foot span:first-child.red,
body[data-page="ar"] .tx-summary-foot span:first-child:not(.green-text){
  font-weight:760!important;
}

/* ---------- empty states: one clean block, not a giant duplicate ---------- */
body[data-page="ar"] .tx-mobile-list>.card,
body[data-page="ap"] .tx-mobile-list>.card,
body[data-page="transactions"] .tx-mobile-list>.card{
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(31,48,72,.04)!important;
}
body[data-page="ar"] .tx-mobile-list>.card .empty,
body[data-page="ap"] .tx-mobile-list>.card .empty,
body[data-page="transactions"] .tx-mobile-list>.card .empty{padding:32px 14px!important}

/* ---------- read-only dashboard presentation ---------- */
body[data-role="boss"][data-page="dashboard"] .dashboard-fold-grid{grid-template-columns:.92fr 1.25fr!important}
body[data-role="boss"][data-page="dashboard"] .dashboard-fold-grid>.panel:last-child{display:block!important;grid-column:auto!important}

/* hard display guard in case an older template fragment is cached */
body[data-role="boss"] .dashboard-equity-card,
body[data-role="boss"] .dashboard-quick-card{display:none!important}

/* ---------- responsive ---------- */
@media(max-width:760px){
  body[data-page="transactions"] .boss-money-summary{gap:8px!important}
  body[data-page="transactions"] .boss-money-card{min-height:104px;padding:14px 13px!important;border-radius:18px!important}
  body[data-page="transactions"] .boss-money-card span{font-size:9.5px!important}
  body[data-page="transactions"] .boss-money-card b{font-size:20px!important;margin:7px 0 4px!important}
  body[data-page="transactions"] .boss-money-card small{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-page="transactions"] .boss-summary-strip{margin-top:8px;padding:8px 10px!important;border-radius:12px;font-size:8.5px!important}
  body[data-page="transactions"] .boss-summary-strip b{font-size:9px!important}

  body[data-page="ar"] .obligation-kpi-grid,
  body[data-page="ap"] .obligation-kpi-grid{gap:8px!important}
  body[data-page="ar"] .obligation-kpi,
  body[data-page="ap"] .obligation-kpi{min-height:98px;padding:13px 13px!important;border-radius:18px!important}
  body[data-page="ar"] .obligation-kpi span,
  body[data-page="ap"] .obligation-kpi span{font-size:9px!important}
  body[data-page="ar"] .obligation-kpi b,
  body[data-page="ap"] .obligation-kpi b{font-size:19px!important;margin:7px 0 4px!important}
  body[data-page="ar"] .obligation-kpi small,
  body[data-page="ap"] .obligation-kpi small{font-size:8px!important}
  body[data-page="ar"] .obligation-kpi-strip>span,
  body[data-page="ap"] .obligation-kpi-strip>span{padding:8px 5px;font-size:8px}
  body[data-page="ar"] .obligation-kpi-strip b,
  body[data-page="ap"] .obligation-kpi-strip b{font-size:8.5px}

  body[data-page="transactions"] .ledger-filter-card,
  body[data-page="ar"] .ledger-filter-card,
  body[data-page="ap"] .ledger-filter-card{padding:13px!important;border-radius:19px!important}
  body[data-page="transactions"] .ledger-filter-head,
  body[data-page="ar"] .ledger-filter-head,
  body[data-page="ap"] .ledger-filter-head{margin-bottom:10px!important}
  body[data-page="transactions"] .ledger-filter-head h2,
  body[data-page="ar"] .ledger-filter-head h2,
  body[data-page="ap"] .ledger-filter-head h2{font-size:15px!important}
  body[data-page="transactions"] .ledger-filter-head p,
  body[data-page="ar"] .ledger-filter-head p,
  body[data-page="ap"] .ledger-filter-head p{display:none!important}
  body[data-page="transactions"] .ledger-filter-form .field input,
  body[data-page="transactions"] .ledger-filter-form .field select,
  body[data-page="ar"] .ledger-filter-form .field input,
  body[data-page="ar"] .ledger-filter-form .field select,
  body[data-page="ap"] .ledger-filter-form .field input,
  body[data-page="ap"] .ledger-filter-form .field select{min-height:43px!important;border-radius:13px!important;font-size:15px!important}

  body[data-page="transactions"] .filter-core-grid,
  body[data-page="transactions"] .filter-more-grid,
  body[data-page="ap"] .filter-core-grid,
  body[data-page="ap"] .filter-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="ar"] .filter-core-grid.one{grid-template-columns:1fr!important}
  body[data-page="ar"] .filter-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="transactions"] .filter-more-grid .search-field,
  body[data-page="ar"] .filter-more-grid .search-field,
  body[data-page="ap"] .filter-more-grid .search-field{grid-column:1/-1!important}

  /* The mobile view renders exactly one record presentation. */
  body[data-page="transactions"] .tx-mobile-list,
  body[data-page="ar"] .tx-mobile-list,
  body[data-page="ap"] .tx-mobile-list{display:grid!important;gap:10px!important}
  body[data-page="transactions"] .tx-desktop-table,
  body[data-page="transactions"] .ledger-desktop-table,
  body[data-page="ar"] .tx-desktop-table,
  body[data-page="ar"] .ledger-desktop-table,
  body[data-page="ap"] .tx-desktop-table,
  body[data-page="ap"] .ledger-desktop-table{display:none!important}

  body[data-page="transactions"] .tx-summary-card,
  body[data-page="ar"] .tx-summary-card,
  body[data-page="ap"] .tx-summary-card{padding:13px 14px 12px!important;border-radius:18px!important}
  body[data-page="transactions"] .tx-summary-top strong,
  body[data-page="ar"] .tx-summary-top strong,
  body[data-page="ap"] .tx-summary-top strong{font-size:17px!important}
  body[data-page="transactions"] .tx-summary-main,
  body[data-page="ar"] .tx-summary-main,
  body[data-page="ap"] .tx-summary-main{font-size:13px!important;margin-top:8px!important}
  body[data-page="transactions"] .tx-summary-sub,
  body[data-page="ar"] .tx-summary-sub,
  body[data-page="ap"] .tx-summary-sub{font-size:9px!important}

  body[data-role="boss"][data-page="dashboard"] .dashboard-fold-grid{grid-template-columns:1fr!important}
}

@media(min-width:761px){
  /* Desktop keeps the full table; compact cards are mobile-only. */
  body[data-page="transactions"] .tx-mobile-list,
  body[data-page="ar"] .tx-mobile-list,
  body[data-page="ap"] .tx-mobile-list{display:none!important}
  body[data-page="transactions"] .tx-desktop-table,
  body[data-page="transactions"] .ledger-desktop-table,
  body[data-page="ar"] .tx-desktop-table,
  body[data-page="ar"] .ledger-desktop-table,
  body[data-page="ap"] .tx-desktop-table,
  body[data-page="ap"] .ledger-desktop-table{display:block!important}
}

@media(max-width:390px){
  body[data-page="transactions"] .boss-money-card{padding-left:11px!important;padding-right:11px!important}
  body[data-page="transactions"] .boss-money-card b{font-size:18px!important}
  body[data-page="ar"] .obligation-kpi b,
  body[data-page="ap"] .obligation-kpi b{font-size:17px!important}
  body[data-page="ar"] .obligation-filter-card .filter-more-grid,
  body[data-page="ap"] .obligation-filter-card .filter-more-grid{grid-template-columns:1fr!important}
  body[data-page="ar"] .obligation-filter-card .filter-more-grid .search-field,
  body[data-page="ap"] .obligation-filter-card .filter-more-grid .search-field{grid-column:auto!important}
}
/* JX Ledger V7.30 — UI refinement only.
   Visual layer + navigation visibility only. No accounting/business formulas changed. */

:root{
  --v730-blue:#0a7ff2;
  --v730-blue-soft:#edf6ff;
  --v730-ink:#172236;
  --v730-muted:#7c899b;
  --v730-line:#e5ebf2;
  --v730-soft:#f7f9fc;
  --v730-shadow:0 10px 30px rgba(31,48,72,.055);
  --v730-shadow-hover:0 14px 34px rgba(31,48,72,.085);
}

/* ---------- app canvas ---------- */
html,body{
  background:
    radial-gradient(circle at 90% -10%,rgba(72,167,255,.09),transparent 27%),
    radial-gradient(circle at -8% 38%,rgba(103,190,255,.045),transparent 24%),
    #f5f7fa;
}
.content{max-width:1680px}
.card{
  border:1px solid rgba(226,233,241,.92);
  background:rgba(255,255,255,.96);
  box-shadow:var(--v730-shadow);
}
.card-head h2{color:var(--v730-ink);letter-spacing:-.12px}
.card-head p{color:#8b97a7;line-height:1.5}

/* ---------- buttons: calmer iOS-like control language ---------- */
.btn,.icon-btn,.lang-switch{
  border-color:#e0e7ef;
  box-shadow:0 2px 7px rgba(31,48,72,.035);
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease;
}
.btn{min-height:36px;border-radius:11px;padding:8px 12px;background:rgba(255,255,255,.97);color:#4e5d71}
.btn.compact{min-height:32px;border-radius:10px;padding:6px 10px}
.btn:hover,.icon-btn:hover,.lang-switch:hover{
  border-color:#cfdae6;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,48,72,.07);
  transform:translateY(-1px);
}
.btn:active,.icon-btn:active,.lang-switch:active{transform:scale(.975);box-shadow:0 1px 4px rgba(31,48,72,.04)}
.btn:focus-visible,.icon-btn:focus-visible,.lang-switch:focus-visible,
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,
.side-nav a:focus-visible,.mobile-drawer a:focus-visible,.mobile-nav a:focus-visible{
  outline:3px solid rgba(10,127,242,.14);
  outline-offset:2px;
}
.btn.primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(145deg,#168af7,#0878df);
  box-shadow:0 7px 17px rgba(10,127,242,.19);
}
.btn.primary:hover{background:linear-gradient(145deg,#218ff7,#0773d5);box-shadow:0 10px 22px rgba(10,127,242,.24)}
.btn.ghost{background:#f7f9fc;border-color:#e7ecf2;color:#59687a}
.btn.danger{background:#fff7f7;border-color:#f4dadd;color:#b34854}

/* ---------- fields & filters ---------- */
.field label{color:#748297;font-weight:740;letter-spacing:.01em}
.field input,.field select,.field textarea{
  border-color:#dfe6ee;
  background:#fbfcfe;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#d3dde8;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#a9d3fb;
  background:#fff;
  box-shadow:0 0 0 4px rgba(10,127,242,.07);
}
.field input[readonly]{background:#f4f6f9;color:#78869a}
.filters{gap:10px}
.filter-more summary{user-select:none}

/* ---------- badges / chips ---------- */
.badge,.role-pill,.chip{
  border:1px solid rgba(226,232,239,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.badge.green{border-color:#d9eee4}.badge.red{border-color:#f3dce0}.badge.orange{border-color:#f0e4cc}.badge.blue{border-color:#d9e9fa}

/* ---------- desktop side navigation ---------- */
.sidebar{
  border-right:1px solid rgba(223,230,238,.92);
  background:rgba(250,252,254,.92);
  box-shadow:8px 0 30px rgba(34,50,72,.025);
}
.brand-mark{box-shadow:0 8px 20px rgba(10,127,242,.18)}
.side-nav a,.side-bottom>a{
  position:relative;
  border:1px solid transparent;
  transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease;
}
.side-nav a:hover,.side-bottom>a:hover{background:#f4f7fa;border-color:#edf1f5;transform:translateX(1px)}
.side-nav a.active{
  color:#0873d4;
  background:linear-gradient(90deg,#eaf5ff,#f2f8ff);
  border-color:#dfeefe;
  box-shadow:inset 3px 0 0 #168af7;
}
.side-nav a.active .nav-svg{stroke-width:2}
.nav-group-title{color:#9aa6b5!important;letter-spacing:.09em}
.side-bottom .logout-link{color:#ad5661}
.user-mini{border-top-color:#e8edf3}

/* ---------- top bar ---------- */
.topbar{
  background:rgba(247,249,252,.84);
  border-bottom:1px solid rgba(224,230,238,.78);
  box-shadow:0 3px 16px rgba(31,48,72,.025);
}
.topbar h1{color:#142035;letter-spacing:-.45px}
.lang-switch{background:rgba(255,255,255,.9);color:#536174;font-weight:800}

/* ---------- dashboard: more polished but same information ---------- */
.dashboard-operating-grid{gap:14px}
.dashboard-operating-grid .operating-card{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 11px 30px rgba(31,48,72,.052);
}
.dashboard-operating-grid .operating-card .card-head{margin-bottom:12px}
.dashboard-operating-grid .operating-stats{
  gap:8px;
  border:0;
  background:transparent;
  border-radius:0;
  overflow:visible;
}
.dashboard-operating-grid .operating-stats>div,
.dashboard-operating-grid .operating-stats>a.operating-stat-link{
  min-height:86px;
  padding:12px 12px;
  border:1px solid #e9eef4;
  border-radius:15px;
  background:linear-gradient(145deg,#fafcff,#f7f9fc);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.dashboard-operating-grid .operating-stats>a.operating-stat-link:hover{
  background:#fff;
  border-color:#dce7f1;
  box-shadow:0 6px 18px rgba(31,48,72,.055);
  transform:translateY(-1px);
}
.dashboard-operating-grid .operating-stats span{color:#7f8c9d;font-weight:720}
.dashboard-operating-grid .operating-stats b{margin-top:7px;color:#1b2b41;font-size:15px;letter-spacing:-.25px}
.dashboard-operating-grid .operating-stats small{margin-top:5px;color:#9aa5b2!important}
.todo-card{border-radius:22px}
.todo-grid{gap:9px}
.todo-grid a{
  border-radius:14px;
  border-color:#e8edf3;
  background:#f9fbfd;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.todo-grid a:hover{transform:translateY(-1px);background:#fff;border-color:#dce6ef;box-shadow:0 6px 16px rgba(31,48,72,.05)}
.todo-grid b{color:#1678d2}
.dashboard-recent-item{transition:background .14s ease}
.dashboard-recent-item:hover{background:#fbfcfe}
.split-number a{border:1px solid #e9eef4;background:#f9fbfd;transition:.14s ease}
.split-number a:hover{background:#fff;border-color:#dce6ef;box-shadow:0 6px 16px rgba(31,48,72,.045)}

/* read-only overview remains intentionally concise. Equity stays navigable in sidebar/drawer. */
body[data-role="boss"][data-page="dashboard"] .dashboard-equity-card,
body[data-role="boss"][data-page="dashboard"] .dashboard-quick-card{display:none!important}

/* ---------- list / table surfaces ---------- */
.data-table th{background:#f8fafc;color:#778497}
.data-table tbody tr{transition:background .12s ease}
.data-table tbody tr:hover{background:#f9fbfd}
.account-row,.list-item,.detail-box,.subcard,.note-box{border:1px solid #edf1f5;background:#f9fbfd}
.quick-link{
  position:relative;
  border-color:#e8edf3;
  background:linear-gradient(145deg,#fafcff,#f6f8fb);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.quick-link:hover{transform:translateY(-1px);border-color:#dbe5ef;background:#fff;box-shadow:0 7px 18px rgba(31,48,72,.052)}
.section-tabs,.settings-nav{border:1px solid rgba(226,232,239,.8);box-shadow:0 5px 18px rgba(31,48,72,.035)}
.section-tabs a,.settings-nav a,.segmented a{transition:background .13s ease,color .13s ease,box-shadow .13s ease}

/* ---------- mobile ---------- */
@media(max-width:760px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .card{border-radius:19px;box-shadow:0 7px 22px rgba(31,48,72,.048)}
  .topbar{background:rgba(247,249,252,.92)}
  .mobile-menu-toggle{
    border-color:#dfe7ef!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 4px 12px rgba(31,48,72,.045)!important;
    transition:transform .13s ease,box-shadow .13s ease;
  }
  .mobile-menu-toggle:active{transform:scale(.96)}
  .mobile-drawer{
    background:rgba(250,252,254,.985)!important;
    box-shadow:22px 0 55px rgba(23,39,61,.18)!important;
  }
  .mobile-drawer-nav a,.mobile-drawer-bottom a{
    border:1px solid transparent;
    border-radius:13px!important;
    min-height:44px;
  }
  .mobile-drawer-nav a.active,.mobile-drawer-bottom a.active{
    background:linear-gradient(90deg,#eaf5ff,#f2f8ff)!important;
    border-color:#dfeefe;
    color:#0873d4!important;
  }
  .mobile-nav{
    left:10px!important;right:10px!important;
    bottom:calc(8px + var(--safe-bottom))!important;
    height:62px!important;
    padding:5px!important;
    border:1px solid rgba(224,231,239,.94)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(24px)!important;
    box-shadow:0 12px 32px rgba(26,42,65,.13)!important;
  }
  .mobile-nav a{border-radius:15px!important;transition:background .14s ease,color .14s ease,transform .14s ease!important}
  .mobile-nav a:active{transform:scale(.95)}
  .mobile-nav a.active{background:#edf6ff!important;color:#0877dc!important}
  .mobile-nav a.active .nav-svg{stroke-width:2.15}
  .mobile-nav span{font-weight:720}
  .btn{min-height:38px;border-radius:12px}
  .btn.compact{min-height:34px}
  .field input,.field select,.field textarea{border-radius:13px}
  .dashboard-operating-grid{gap:10px}
  .dashboard-operating-grid .operating-card{border-radius:19px}
  .dashboard-operating-grid .operating-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .dashboard-operating-grid .operating-stats>div,
  .dashboard-operating-grid .operating-stats>a.operating-stat-link{min-height:80px;padding:10px 9px;border-radius:13px}
  .dashboard-operating-grid .operating-stats b{font-size:13px}
  .todo-grid a{border-radius:13px}
  body[data-page="transactions"] .tx-summary-card,
  body[data-page="ar"] .tx-summary-card,
  body[data-page="ap"] .tx-summary-card{
    box-shadow:0 8px 22px rgba(31,48,72,.048)!important;
  }
}

@media(max-width:390px){
  .dashboard-operating-grid .operating-stats{grid-template-columns:1fr}
  .dashboard-operating-grid .operating-stats>div,
  .dashboard-operating-grid .operating-stats>a.operating-stat-link{min-height:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* JX Ledger V7.31 — management UI polish only.
   No database, accounting formula, allocation, balance or obligation logic changes. */

:root{
  --v731-blue:#0b82f4;
  --v731-blue-deep:#0874db;
  --v731-blue-pale:#eef7ff;
  --v731-ink:#142036;
  --v731-muted:#7e8b9d;
  --v731-line:#e4eaf1;
  --v731-green:#1f9a6a;
  --v731-red:#d94f61;
  --v731-soft:#f7f9fc;
  --v731-shadow:0 10px 28px rgba(28,45,69,.055);
  --v731-shadow-raised:0 13px 30px rgba(26,45,72,.09);
}

/* ---------- stable inline icons ---------- */
.action-svg{width:15px;height:15px;display:block;flex:0 0 auto}
.top-entry .action-svg{width:15px;height:15px;stroke-width:2.2}

/* ---------- top-right quick entry ---------- */
.top-entry{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:13px!important;
  gap:6px!important;
  letter-spacing:.01em;
  background:linear-gradient(145deg,#178df8 0%,#0879e3 100%)!important;
  box-shadow:0 8px 19px rgba(10,127,242,.22)!important;
}
.top-entry:hover{box-shadow:0 11px 24px rgba(10,127,242,.27)!important}
.top-entry span{line-height:1;white-space:nowrap}

/* ---------- administrator action cluster ---------- */
.ledger-filter-actions.admin-action-cluster{
  display:inline-flex;
  align-items:center;
  gap:4px!important;
  padding:4px;
  border:1px solid rgba(224,231,239,.92);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(247,249,252,.98),rgba(242,246,250,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(31,48,72,.035);
}
.ledger-filter-actions.admin-action-cluster:empty{display:none!important}
.ledger-filter-actions.admin-action-cluster>a.ledger-action{
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease!important;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.secondary{
  color:#526276!important;
  background:rgba(255,255,255,.94)!important;
  border-color:#e2e9f0!important;
  box-shadow:0 2px 6px rgba(31,48,72,.035)!important;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.secondary:hover{
  color:#176fae!important;
  background:#fff!important;
  border-color:#d3dfeb!important;
  box-shadow:0 5px 13px rgba(31,48,72,.065)!important;
  transform:translateY(-1px);
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.primary{
  color:#fff!important;
  background:linear-gradient(145deg,#188df7,#0878df)!important;
  border-color:transparent!important;
  box-shadow:0 7px 16px rgba(10,127,242,.19)!important;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.primary:hover{
  background:linear-gradient(145deg,#2192fa,#0672d6)!important;
  box-shadow:0 9px 20px rgba(10,127,242,.24)!important;
  transform:translateY(-1px);
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action:active{transform:scale(.97)!important}

/* ---------- ledger/filter card refinement ---------- */
body[data-page="transactions"] .ledger-filter-card,
body[data-page="ar"] .ledger-filter-card,
body[data-page="ap"] .ledger-filter-card{
  overflow:hidden;
  border-color:#e3e9f0!important;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,#fbfcfe 100%)!important;
  box-shadow:0 10px 30px rgba(30,47,70,.052)!important;
}
body[data-page="transactions"] .ledger-filter-card::before,
body[data-page="ar"] .ledger-filter-card::before,
body[data-page="ap"] .ledger-filter-card::before{
  content:"";
  position:absolute;
  top:0;left:18px;
  width:50px;height:2px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,rgba(10,127,242,.15),rgba(10,127,242,.7),rgba(10,127,242,.1));
  pointer-events:none;
}
body[data-page="transactions"] .ledger-filter-head h2,
body[data-page="ar"] .ledger-filter-head h2,
body[data-page="ap"] .ledger-filter-head h2{letter-spacing:-.28px!important}

/* More conditions becomes a real secondary control instead of raw text. */
body[data-page="transactions"] .filter-more summary,
body[data-page="ar"] .filter-more summary,
body[data-page="ap"] .filter-more summary{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  width:max-content!important;
  padding:5px 9px!important;
  border:1px solid #e8edf3!important;
  border-radius:999px!important;
  background:#f7f9fc!important;
  color:#69788c!important;
  font-size:9.5px!important;
  font-weight:780!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important;
}
body[data-page="transactions"] .filter-more summary:hover,
body[data-page="ar"] .filter-more summary:hover,
body[data-page="ap"] .filter-more summary:hover{
  background:#fff!important;
  border-color:#dce5ee!important;
  color:#3f5f7e!important;
  box-shadow:0 4px 11px rgba(31,48,72,.045)!important;
}
body[data-page="transactions"] .filter-more summary:after,
body[data-page="ar"] .filter-more summary:after,
body[data-page="ap"] .filter-more summary:after{color:#96a2b1!important;font-size:11px!important}

/* ---------- KPI cards: a little more depth, no extra information ---------- */
body[data-page="ar"] .obligation-kpi,
body[data-page="ap"] .obligation-kpi,
body[data-page="transactions"] .boss-money-card{
  isolation:isolate;
  border-color:#e3e9f0!important;
  box-shadow:0 10px 28px rgba(29,47,72,.052)!important;
}
body[data-page="ar"] .obligation-kpi::before,
body[data-page="ap"] .obligation-kpi::before{
  content:"";
  position:absolute;
  width:80px;height:80px;
  right:-28px;top:-30px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(81,170,255,.075),rgba(81,170,255,0) 68%);
  pointer-events:none;
  z-index:-1;
}
body[data-page="ar"] .obligation-kpi.primary::before{background:radial-gradient(circle,rgba(31,154,106,.09),rgba(31,154,106,0) 68%)}
body[data-page="ap"] .obligation-kpi.primary::before{background:radial-gradient(circle,rgba(217,79,97,.085),rgba(217,79,97,0) 68%)}
body[data-page="ar"] .obligation-kpi-strip,
body[data-page="ap"] .obligation-kpi-strip{
  border-color:#e4eaf1!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 5px 17px rgba(31,48,72,.035)!important;
}

/* ---------- mobile record cards ---------- */
body[data-page="transactions"] .tx-summary-card,
body[data-page="ar"] .tx-summary-card,
body[data-page="ap"] .tx-summary-card{
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
body[data-page="transactions"] .tx-summary-card:hover,
body[data-page="ar"] .tx-summary-card:hover,
body[data-page="ap"] .tx-summary-card:hover{
  transform:translateY(-1px);
  border-color:#dde6ee!important;
  box-shadow:0 12px 28px rgba(31,48,72,.072)!important;
}
body[data-page="transactions"] .tx-summary-card::after,
body[data-page="ar"] .tx-summary-card::after,
body[data-page="ap"] .tx-summary-card::after{
  content:"";
  position:absolute;
  width:100px;height:100px;
  right:-52px;top:-55px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(89,169,245,.055),transparent 68%);
  pointer-events:none;
}
body[data-page="ar"] .tx-summary-foot .detail-link,
body[data-page="ap"] .tx-summary-foot .detail-link{
  display:inline-flex!important;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid #e4edf6;
  border-radius:999px;
  background:#f6faff;
  color:#3c6f9f!important;
}

/* ---------- desktop table row action buttons ---------- */
.inline-actions{align-items:center}
.inline-actions .btn.compact{
  border-radius:10px;
  box-shadow:0 2px 6px rgba(31,48,72,.03);
}
.inline-actions .btn.compact.primary{box-shadow:0 6px 14px rgba(10,127,242,.15)}
.form-actions .btn.primary{
  min-height:40px;
  border-radius:12px;
  padding-left:16px;
  padding-right:16px;
  box-shadow:0 8px 18px rgba(10,127,242,.18);
}

/* ---------- empty state: stable SVG, softer presentation ---------- */
.empty-icon-svg{
  width:46px;height:46px;
  margin:0 auto 8px;
  display:grid;
  place-items:center;
  border:1px solid #e7edf3;
  border-radius:15px;
  background:linear-gradient(145deg,#fbfdff,#f4f8fb);
  color:#95a2b2;
  box-shadow:inset 0 1px 0 #fff;
}
.empty-icon-svg svg{display:block}
.empty-icon-svg + b{font-size:12px;color:#556477}

/* ---------- mobile precision ---------- */
@media(max-width:760px){
  .top-entry{min-height:36px!important;padding:7px 11px!important;border-radius:12px!important}
  .top-entry .action-svg{width:14px;height:14px}

  body[data-page="transactions"] .ledger-filter-head,
  body[data-page="ar"] .ledger-filter-head,
  body[data-page="ap"] .ledger-filter-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
  }
  body[data-page="transactions"] .ledger-filter-head>div:first-child,
  body[data-page="ar"] .ledger-filter-head>div:first-child,
  body[data-page="ap"] .ledger-filter-head>div:first-child{min-width:0}

  .ledger-filter-actions.admin-action-cluster{
    gap:3px!important;
    padding:3px;
    border-radius:13px;
  }
  .ledger-filter-actions.admin-action-cluster>a.ledger-action{
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    gap:4px!important;
    font-size:10px!important;
  }
  .ledger-filter-actions.admin-action-cluster .action-svg{width:13px;height:13px}

  body[data-page="transactions"] .ledger-filter-card,
  body[data-page="ar"] .ledger-filter-card,
  body[data-page="ap"] .ledger-filter-card{box-shadow:0 8px 24px rgba(30,47,70,.052)!important}

  body[data-page="transactions"] .filter-more summary,
  body[data-page="ar"] .filter-more summary,
  body[data-page="ap"] .filter-more summary{min-height:27px!important;padding:4px 9px!important;font-size:9px!important}

  body[data-page="transactions"] .tx-summary-foot,
  body[data-page="ar"] .tx-summary-foot,
  body[data-page="ap"] .tx-summary-foot{min-height:30px}
}

@media(max-width:390px){
  .ledger-filter-actions.admin-action-cluster>a.ledger-action{padding:0 8px!important}
  .ledger-filter-actions.admin-action-cluster .action-svg{width:12px;height:12px}
  body[data-page="transactions"] .ledger-filter-head,
  body[data-page="ar"] .ledger-filter-head,
  body[data-page="ap"] .ledger-filter-head{gap:7px!important}
}

@media(prefers-reduced-motion:reduce){
  .ledger-action,.tx-summary-card,.top-entry{transition:none!important}
}
/* JX Ledger V7.32 — premium visual refinement only.
   No database, accounting, allocation, balance, obligation or permission logic changes. */

:root{
  --v732-blue:#0a84ff;
  --v732-blue-2:#167ff0;
  --v732-cyan:#58b6ff;
  --v732-ink:#132238;
  --v732-text:#405064;
  --v732-muted:#8290a3;
  --v732-line:#e4eaf1;
  --v732-soft:#f7f9fc;
  --v732-green:#17966a;
  --v732-red:#d94f61;
  --v732-orange:#d18a2e;
  --v732-shadow-xs:0 2px 8px rgba(27,45,69,.035);
  --v732-shadow-sm:0 7px 19px rgba(27,45,69,.05);
  --v732-shadow-md:0 13px 34px rgba(27,45,69,.072);
  --v732-shadow-blue:0 9px 22px rgba(10,132,255,.21);
}

::selection{background:rgba(10,132,255,.16);color:#10243b}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ---------- global surface language ---------- */
.card,
.hero-card,
.metric-box,
.detail-box,
.subcard,
.note-box,
.contract-row,
.account-row,
.photo-log-card{
  border-color:rgba(226,233,241,.96)!important;
}
.card{
  box-shadow:var(--v732-shadow-sm)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}
@media(hover:hover){
  .card:hover{border-color:#dfe7ef!important;box-shadow:var(--v732-shadow-md)!important}
}

.card-head{position:relative}
.card-head h2,
.form-section-title,
.contract-detail-title{letter-spacing:-.24px;color:var(--v732-ink)}
.card-head p,.helper,.note,.muted,.muted-note{color:var(--v732-muted)}

/* ---------- top bar / chrome ---------- */
.topbar{
  position:relative;
  background:rgba(248,250,253,.88)!important;
  border-bottom-color:rgba(221,229,238,.82)!important;
  box-shadow:0 4px 18px rgba(27,45,69,.03)!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1)!important;
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(10,132,255,.12),transparent);
  pointer-events:none;
}
.topbar h1{font-weight:850!important;letter-spacing:-.55px!important}
.eyebrow{color:#9aa6b5!important;letter-spacing:.045em}
.top-actions{align-items:center!important}
.lang-switch{
  border-color:#dfe7ef!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  box-shadow:var(--v732-shadow-xs)!important;
}

/* ---------- buttons: premium but restrained ---------- */
.btn,.icon-btn,.lang-switch,.ledger-action{
  -webkit-tap-highlight-color:transparent;
}
.btn{
  position:relative;
  overflow:hidden;
  font-weight:760!important;
  letter-spacing:.005em;
}
.btn::after{
  content:"";
  position:absolute;
  left:7px;right:7px;top:1px;height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  opacity:.72;
  pointer-events:none;
}
.btn.primary{
  background:linear-gradient(145deg,#1591ff 0%,#0a82f3 53%,#0873dc 100%)!important;
  box-shadow:0 8px 18px rgba(10,132,255,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn.primary:hover{box-shadow:0 11px 23px rgba(10,132,255,.24),inset 0 1px 0 rgba(255,255,255,.22)!important}
.btn.ghost{
  background:linear-gradient(145deg,#fbfcfe,#f5f8fb)!important;
  border-color:#e2e9f0!important;
}
.btn.danger{box-shadow:0 4px 12px rgba(187,67,80,.05)!important}
.icon-btn{background:linear-gradient(145deg,#fff,#f6f9fc)!important}

/* top quick entry gets a tiny sheen and clearer icon rhythm */
.top-entry{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,108,222,.08)!important;
  box-shadow:0 9px 20px rgba(10,127,242,.22),inset 0 1px 0 rgba(255,255,255,.21)!important;
}
.top-entry::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.14) 44%,transparent 65%);
  transform:translateX(-120%);
  transition:transform .38s ease;
  pointer-events:none;
}
@media(hover:hover){.top-entry:hover::before{transform:translateX(120%)}}

/* ---------- admin action cluster ---------- */
.ledger-filter-actions.admin-action-cluster{
  border-color:#dfe7ef!important;
  background:rgba(246,249,252,.92)!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(31,48,72,.04)!important;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action{
  position:relative;
  overflow:hidden;
  font-weight:820!important;
  letter-spacing:.01em;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.secondary{
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
  box-shadow:0 2px 8px rgba(31,48,72,.035)!important;
}
.ledger-filter-actions.admin-action-cluster>a.ledger-action.primary{
  background:linear-gradient(145deg,#1590ff,#0878df)!important;
  box-shadow:0 7px 17px rgba(10,127,242,.19),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.ledger-filter-actions.admin-action-cluster .action-svg{stroke-width:2.15}

/* ---------- navigation ---------- */
.sidebar{
  background:rgba(250,252,254,.94)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.brand-mark{
  position:relative;
  border:1px solid rgba(255,255,255,.56);
  background:linear-gradient(145deg,#188ff8,#0876de)!important;
  box-shadow:0 9px 22px rgba(10,127,242,.2),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.side-nav a i,.side-bottom>a i{
  width:28px!important;height:28px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  color:#78879a;
  background:transparent;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.side-nav a.active i{
  color:#0878df;
  background:rgba(10,132,255,.08);
  box-shadow:inset 0 0 0 1px rgba(10,132,255,.06);
}
@media(hover:hover){
  .side-nav a:hover i,.side-bottom>a:hover i{background:#eef3f8;color:#49627c;transform:scale(1.02)}
}
.side-nav a.active{
  background:linear-gradient(90deg,#eaf5ff 0%,#f5faff 72%,rgba(255,255,255,.35) 100%)!important;
  box-shadow:inset 3px 0 0 #168af7,0 5px 15px rgba(10,132,255,.045)!important;
}
.user-mini .avatar,.mobile-drawer-user .avatar{
  background:linear-gradient(145deg,#eef6ff,#e6f1fb)!important;
  color:#176fae!important;
  border:1px solid #dceaf6!important;
  box-shadow:inset 0 1px 0 #fff;
}

/* ---------- fields / filter controls ---------- */
.field input,.field select,.field textarea{
  border-color:#dde5ed!important;
  background:linear-gradient(180deg,#fbfcfe,#f8fafc)!important;
  color:#243247!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(31,48,72,.015)!important;
}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#d1dce7!important;background:#fff!important}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#9dccfb!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(10,132,255,.075),0 4px 12px rgba(10,132,255,.035)!important;
}
.field label{color:#718096!important}
.filter-more summary{
  gap:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.filter-more[open] summary{
  color:#3f6f99!important;
  background:#eef6fe!important;
  border-color:#dcebf8!important;
}
.filter-more-grid{
  animation:v732-filter-open .16s ease both;
}
@keyframes v732-filter-open{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* ---------- KPI / dashboard depth ---------- */
.boss-money-card,.obligation-kpi,.operating-card,.kpi,.mini-kpi,.metric-box{
  position:relative;
  isolation:isolate;
}
.boss-money-card::after,.obligation-kpi::after{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  pointer-events:none;
}
body[data-page="transactions"] .boss-money-card.income{background:linear-gradient(145deg,#ffffff 0%,#fbfffd 65%,#f1fbf6 100%)!important}
body[data-page="transactions"] .boss-money-card.expense{background:linear-gradient(145deg,#ffffff 0%,#fffdfd 65%,#fff4f5 100%)!important}
body[data-page="ar"] .obligation-kpi.primary{background:linear-gradient(145deg,#fff 0%,#fbfffd 70%,#f2fbf7 100%)!important}
body[data-page="ap"] .obligation-kpi.primary{background:linear-gradient(145deg,#fff 0%,#fffdfd 70%,#fff3f5 100%)!important}
.boss-money-card b,.obligation-kpi b,.kpi b,.mini-kpi b,.metric-box b{font-variant-numeric:tabular-nums;letter-spacing:-.35px}
.boss-summary-strip,.obligation-kpi-strip{
  overflow:hidden;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 6px 18px rgba(31,48,72,.035),inset 0 1px 0 #fff!important;
}
.boss-summary-strip>span,.obligation-kpi-strip>span{position:relative}
.boss-summary-strip>span+span::before,.obligation-kpi-strip>span+span::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:#edf1f5;
}

.dashboard-operating-grid .operating-card{
  background:linear-gradient(180deg,#fff,#fdfefe)!important;
  border-color:#e3eaf1!important;
}
.dashboard-operating-grid .operating-stats>div,
.dashboard-operating-grid .operating-stats>a.operating-stat-link{
  position:relative;
  overflow:hidden;
}
.dashboard-operating-grid .operating-stats>div::after,
.dashboard-operating-grid .operating-stats>a.operating-stat-link::after{
  content:"";
  position:absolute;
  width:56px;height:56px;right:-20px;bottom:-23px;border-radius:50%;
  background:radial-gradient(circle,rgba(70,163,251,.07),transparent 70%);
  pointer-events:none;
}
.todo-grid a,.quick-link,.split-number a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

/* ---------- status badges ---------- */
.badge,.role-pill,.chip{
  font-weight:740!important;
  letter-spacing:.006em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.badge.green,.green-text{color:var(--v732-green)!important}
.badge.red,.red{color:var(--v732-red)!important}
.badge.orange{color:var(--v732-orange)!important}
.badge.green{background:#eff9f5!important;border-color:#d8eee4!important}
.badge.red{background:#fff3f5!important;border-color:#f2dce0!important}
.badge.orange{background:#fff8ed!important;border-color:#f1e2c8!important}
.badge.blue{background:#f0f7ff!important;border-color:#d8e8f9!important;color:#2578bf!important}

/* ---------- ledger list cards ---------- */
body[data-page="transactions"] .tx-summary-card,
body[data-page="ar"] .tx-summary-card,
body[data-page="ap"] .tx-summary-card{
  box-shadow:0 9px 24px rgba(31,48,72,.05),inset 0 1px 0 rgba(255,255,255,.95)!important;
  border-color:#e2e9f0!important;
}
body[data-page="transactions"] .tx-summary-card::before,
body[data-page="ar"] .tx-summary-card::before,
body[data-page="ap"] .tx-summary-card::before{
  content:"";
  position:absolute;
  left:0;top:18px;bottom:18px;width:2px;
  border-radius:0 2px 2px 0;
  background:rgba(10,132,255,.28);
  opacity:.72;
  pointer-events:none;
}
body[data-page="ar"] .tx-summary-card::before{background:rgba(23,150,106,.36)}
body[data-page="ap"] .tx-summary-card::before{background:rgba(217,79,97,.34)}
body[data-page="transactions"] .tx-summary-card:hover,
body[data-page="ar"] .tx-summary-card:hover,
body[data-page="ap"] .tx-summary-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 32px rgba(31,48,72,.075),inset 0 1px 0 #fff!important;
}
body[data-page="transactions"] .tx-summary-top strong,
body[data-page="ar"] .tx-summary-top strong,
body[data-page="ap"] .tx-summary-top strong{text-shadow:0 1px 0 rgba(255,255,255,.65)}
body[data-page="ar"] .tx-summary-foot .detail-link,
body[data-page="ap"] .tx-summary-foot .detail-link,
body[data-page="transactions"] .tx-summary-foot .detail-link{
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
body[data-page="ar"] .tx-summary-foot .detail-link::after,
body[data-page="ap"] .tx-summary-foot .detail-link::after,
body[data-page="transactions"] .tx-summary-foot .detail-link::after{content:"›";margin-left:3px;transition:transform .14s ease}
@media(hover:hover){
  body[data-page="ar"] .tx-summary-foot .detail-link:hover,
  body[data-page="ap"] .tx-summary-foot .detail-link:hover,
  body[data-page="transactions"] .tx-summary-foot .detail-link:hover{
    background:#eef7ff!important;border-color:#d8eafa!important;color:#1d6fae!important;transform:translateY(-1px)
  }
  body[data-page="ar"] .tx-summary-foot .detail-link:hover::after,
  body[data-page="ap"] .tx-summary-foot .detail-link:hover::after,
  body[data-page="transactions"] .tx-summary-foot .detail-link:hover::after{transform:translateX(1px)}
}

/* ---------- tables / detail views ---------- */
.table-wrap,.ledger-desktop-table{
  border-radius:16px!important;
}
.data-table th{
  color:#718096!important;
  font-weight:790!important;
  letter-spacing:.018em;
  border-bottom-color:#e6ecf2!important;
}
.data-table td{border-bottom-color:#edf1f5!important}
.data-table tbody tr:hover{background:#fafcff!important}
.inline-actions{gap:5px!important}
.inline-actions .btn.compact{box-shadow:var(--v732-shadow-xs)!important}
.detail-box,.subcard,.note-box{
  background:linear-gradient(180deg,#fafcff,#f8fafc)!important;
  box-shadow:inset 0 1px 0 #fff;
}

/* ---------- tabs / pagination ---------- */
.section-tabs,.settings-nav,.segmented{
  background:rgba(237,241,246,.86)!important;
  border-color:#e1e8ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 4px 12px rgba(31,48,72,.025)!important;
}
.section-tabs a.active,.settings-nav a.active,.segmented a.active{
  background:#fff!important;
  color:#0878df!important;
  box-shadow:0 3px 9px rgba(31,48,72,.07)!important;
}
.page-link{
  border-color:#e2e9f0!important;
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
  box-shadow:0 2px 7px rgba(31,48,72,.025)!important;
  transition:.14s ease;
}
.page-link.active{background:linear-gradient(145deg,#168cf8,#0878df)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(10,132,255,.17)!important}

/* ---------- modals / alerts / toast ---------- */
.modal-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-card{border:1px solid #e2e9f0!important;box-shadow:0 28px 72px rgba(21,36,56,.2)!important}
.toast{
  border:1px solid rgba(226,233,241,.9)!important;
  box-shadow:0 14px 36px rgba(25,42,65,.12)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.global-alert{border-color:#dceaf7!important;box-shadow:0 6px 18px rgba(31,48,72,.035)!important}

/* ---------- mobile chrome ---------- */
@media(max-width:760px){
  html,body{
    background:
      radial-gradient(circle at 86% 2%,rgba(63,161,255,.07),transparent 23%),
      radial-gradient(circle at 0% 43%,rgba(90,182,255,.035),transparent 27%),
      #f5f7fa!important;
  }
  .content{padding-left:11px!important;padding-right:11px!important}
  .card{border-radius:20px!important}
  .topbar{height:68px!important;padding-left:11px!important;padding-right:11px!important}
  .mobile-menu-toggle{
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff,#f7f9fc)!important;
    box-shadow:0 5px 14px rgba(31,48,72,.045),inset 0 1px 0 #fff!important;
  }
  .mobile-menu-toggle span{border-radius:999px}
  .lang-switch{border-radius:12px!important;box-shadow:0 5px 13px rgba(31,48,72,.04)!important}

  .mobile-drawer{
    background:rgba(250,252,254,.99)!important;
    box-shadow:26px 0 70px rgba(23,39,61,.2)!important;
  }
  .mobile-drawer-head{border-bottom-color:#e9eef4!important}
  .mobile-drawer-nav a i,.mobile-drawer-bottom a i{
    width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  }
  .mobile-drawer-nav a.active i,.mobile-drawer-bottom a.active i{background:rgba(10,132,255,.08);color:#0878df}
  .mobile-drawer-nav a.active,.mobile-drawer-bottom a.active{
    box-shadow:inset 3px 0 0 #168af7,0 5px 14px rgba(10,132,255,.04)!important;
  }

  .mobile-nav{
    background:rgba(255,255,255,.91)!important;
    border-color:rgba(218,227,236,.92)!important;
    box-shadow:0 13px 35px rgba(24,41,62,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(22px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
  }
  .mobile-nav a{
    position:relative;
    border-radius:15px!important;
    transition:background .14s ease,color .14s ease,transform .14s ease!important;
  }
  .mobile-nav a i{
    width:30px;height:26px;display:grid;place-items:center;border-radius:10px;
    transition:background .14s ease,color .14s ease,transform .14s ease;
  }
  .mobile-nav a.active{
    background:linear-gradient(145deg,#edf7ff,#e8f4ff)!important;
    color:#0a78dc!important;
    box-shadow:inset 0 0 0 1px rgba(10,132,255,.045)!important;
  }
  .mobile-nav a.active i{background:rgba(255,255,255,.6);transform:translateY(-1px)}
  .mobile-nav a:active{transform:scale(.97)}

  /* cleaner ledger action groups on narrow screens */
  .ledger-filter-actions.admin-action-cluster{
    border-radius:13px!important;
    background:rgba(245,248,251,.95)!important;
    box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(31,48,72,.035)!important;
  }
  .ledger-filter-actions.admin-action-cluster>a.ledger-action.primary{box-shadow:0 6px 15px rgba(10,127,242,.18)!important}

  body[data-page="transactions"] .ledger-filter-card,
  body[data-page="ar"] .ledger-filter-card,
  body[data-page="ap"] .ledger-filter-card{
    border-radius:20px!important;
    box-shadow:0 9px 25px rgba(31,48,72,.05),inset 0 1px 0 #fff!important;
  }
  body[data-page="transactions"] .ledger-filter-card::before,
  body[data-page="ar"] .ledger-filter-card::before,
  body[data-page="ap"] .ledger-filter-card::before{height:2px!important;opacity:.9}

  body[data-page="transactions"] .tx-summary-card,
  body[data-page="ar"] .tx-summary-card,
  body[data-page="ap"] .tx-summary-card{
    border-radius:20px!important;
    box-shadow:0 9px 25px rgba(31,48,72,.05),inset 0 1px 0 #fff!important;
  }

  .empty-icon-svg{
    width:48px!important;height:48px!important;border-radius:16px!important;
    background:linear-gradient(145deg,#fbfdff,#f2f7fb)!important;
    box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(31,48,72,.035)!important;
  }
}

@media(max-width:390px){
  .content{padding-left:9px!important;padding-right:9px!important}
  .top-actions{gap:5px!important}
  .ledger-filter-actions.admin-action-cluster>a.ledger-action{font-size:9.5px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .filter-more-grid,.top-entry::before{animation:none!important;transition:none!important}
  .card,.btn,.icon-btn,.lang-switch,.side-nav a,.mobile-nav a,.tx-summary-card,.ledger-action{transition:none!important}
}
/* JX Ledger V7.33 - large amount autofit + mobile password sheet stability */

/* Dashboard amount cells must never truncate. JS adds an exact inline font-size
   when needed; CSS remains a safe fallback before/without JS. */
.dashboard-operating-grid .operating-stats b{
  max-width:100%;
  min-width:0;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  line-height:1.12;
  transform-origin:left center;
}
.dashboard-operating-grid .operating-stats>div,
.dashboard-operating-grid .operating-stats>a.operating-stat-link{
  min-width:0;
}
/* Give desktop money a little more usable horizontal room without changing layout. */
@media(min-width:1181px){
  .dashboard-operating-grid .operating-stats>div,
  .dashboard-operating-grid .operating-stats>a.operating-stat-link{
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .dashboard-operating-grid .operating-stats b{
    font-size:clamp(11px, .93vw, 15px);
    letter-spacing:-.45px!important;
  }
}
@media(min-width:1500px){
  .dashboard-operating-grid .operating-stats b{font-size:15px}
}

/* Password modal: stable scrollable sheet on phones, including PWA/keyboard viewport. */
#passwordModal{
  overscroll-behavior:contain;
}
#passwordModal .modal-card{
  max-width:min(460px,100%);
}
#passwordModal .modal-head{
  position:sticky;
  top:0;
  z-index:3;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding-bottom:10px;
  border-bottom:1px solid rgba(229,235,241,.82);
}
@media(max-width:760px){
  #passwordModal.modal-backdrop{
    display:flex;
    align-items:flex-end!important;
    justify-content:center;
    overflow-y:auto;
    padding:12px 9px calc(10px + env(safe-area-inset-bottom,0px))!important;
  }
  #passwordModal.modal-backdrop[hidden]{display:none!important}
  #passwordModal .modal-card{
    width:100%!important;
    max-height:min(86dvh,720px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    border-radius:22px 22px 16px 16px!important;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-top:76px;
    scroll-padding-bottom:120px;
  }
  #passwordModal .modal-head{margin:-2px -2px 12px;padding:2px 2px 10px}
  #passwordModal .field input{min-height:46px}
  #passwordModal .form-actions{
    position:sticky;
    bottom:-1px;
    z-index:3;
    margin:14px -2px -4px;
    padding:11px 2px 2px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%,#fff 100%);
  }
  #passwordModal .form-actions .btn{min-height:44px}
}
@media(max-width:380px), (max-height:620px){
  #passwordModal .modal-card{max-height:92dvh!important}
}
/* JX Ledger V7.34 — commercial visual polish + WHT workflow UI. */

:root{
  --v734-blue:#0a82f4;
  --v734-blue-deep:#0873dc;
  --v734-ink:#152136;
  --v734-muted:#8290a2;
  --v734-line:#e3eaf1;
  --v734-soft:#f7f9fc;
  --v734-card-shadow:0 10px 28px rgba(30,47,70,.048),inset 0 1px 0 rgba(255,255,255,.94);
  --v734-card-shadow-hover:0 16px 38px rgba(28,45,68,.074),inset 0 1px 0 #fff;
}

/* ---------- system-level finish ---------- */
::selection{background:rgba(10,130,244,.16);color:#10233b}
html{scrollbar-color:#bdc8d4 transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#c6d0da;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#aebac7;border:2px solid transparent;background-clip:padding-box}

.content{animation:v734-content-in .18s ease-out both}
@keyframes v734-content-in{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}

/* consistent clipping on main chrome */
.card,.modal-card,.mobile-nav,.mobile-drawer,.sidebar{background-clip:padding-box}

/* ---------- topbar: subtle elevation only while page is moving ---------- */
.topbar{
  transition:box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
body.v734-scrolled .topbar{
  background:rgba(247,249,252,.93)!important;
  border-bottom-color:rgba(216,225,234,.9)!important;
  box-shadow:0 8px 26px rgba(25,42,65,.07)!important;
}
.topbar .eyebrow{letter-spacing:.025em}
.top-title h1{text-wrap:balance}

/* ---------- dashboard hierarchy ---------- */
body[data-page="dashboard"] .dashboard-operating-grid .operating-card,
body[data-page="dashboard"] .todo-card,
body[data-page="dashboard"] .dashboard-fold-grid .card{
  box-shadow:var(--v734-card-shadow)!important;
  border-color:rgba(225,233,241,.94)!important;
}
body[data-page="dashboard"] .dashboard-operating-grid .card-head h2{
  position:relative;
  padding-left:11px;
}
body[data-page="dashboard"] .dashboard-operating-grid .card-head h2::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:3px;height:14px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(180deg,#53b8ff,#0a82f4);
  box-shadow:0 2px 7px rgba(10,130,244,.17);
}
body[data-page="dashboard"] .dashboard-operating-grid .operating-card:nth-child(2) .card-head h2::before{
  background:linear-gradient(180deg,#7ccaff,#398ae4);
}
body[data-page="dashboard"] .dashboard-operating-grid .operating-card:nth-child(3) .card-head h2::before{
  background:linear-gradient(180deg,#8fc8f2,#5f8fbd);
}

/* header actions such as Account / Project Center / Retention Ledger */
body[data-page="dashboard"] .operating-card .card-head>.btn.compact.ghost,
body[data-page="dashboard"] .dashboard-fold-grid .card-head>.btn.compact.ghost{
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#fbfdff,#f5f8fb)!important;
  color:#5d6e82!important;
  font-weight:780!important;
  box-shadow:0 3px 9px rgba(31,48,72,.025),inset 0 1px 0 #fff!important;
}
body[data-page="dashboard"] .operating-card .card-head>.btn.compact.ghost::after,
body[data-page="dashboard"] .dashboard-fold-grid .card-head>.btn.compact.ghost::after{
  content:"›";
  color:#9aa8b8;
  margin-left:1px;
  transform:translateY(-.5px);
}
@media(hover:hover){
  body[data-page="dashboard"] .operating-card .card-head>.btn.compact.ghost:hover,
  body[data-page="dashboard"] .dashboard-fold-grid .card-head>.btn.compact.ghost:hover{
    color:#2676b8!important;
    border-color:#d8e7f5!important;
    background:#f7fbff!important;
    transform:translateY(-1px);
  }
}

/* dashboard mini metrics: cleaner typographic rhythm */
.dashboard-operating-grid .operating-stats span{
  letter-spacing:.01em;
  line-height:1.3;
}
.dashboard-operating-grid .operating-stats b{
  font-weight:835!important;
  text-shadow:0 1px 0 rgba(255,255,255,.62);
}
.dashboard-operating-grid .operating-stats small{
  line-height:1.28;
}
.dashboard-operating-grid a.operating-stat-link small{
  display:inline-flex;
  align-items:center;
  width:max-content;
  transition:color .14s ease,transform .14s ease;
}
@media(hover:hover){
  .dashboard-operating-grid a.operating-stat-link:hover small{color:#5685ad!important;transform:translateX(1px)}
}

/* account balance section gets a more deliberate ledger-like rhythm */
body[data-page="dashboard"] .account-mini{gap:7px!important}
body[data-page="dashboard"] .account-mini>div{
  position:relative;
  min-height:62px;
  padding:10px 12px!important;
  border:1px solid #e9eef4;
  border-radius:13px!important;
  background:linear-gradient(145deg,#fafcff,#f7f9fc)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;
}
body[data-page="dashboard"] .account-mini>div span{
  color:#748398!important;
  font-weight:680;
}
body[data-page="dashboard"] .account-mini>div b{
  color:#1b2a3f;
  font-size:14px!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.25px;
  white-space:nowrap;
}
body[data-page="dashboard"] .account-mini>div small{font-variant-numeric:tabular-nums}
@media(hover:hover){
  body[data-page="dashboard"] .account-mini>div:hover{
    background:#fff!important;
    border-color:#dce6ef;
    transform:translateY(-1px);
    box-shadow:0 7px 18px rgba(31,48,72,.045),inset 0 1px 0 #fff;
  }
}

/* recent ledger table reads more like a premium data surface */
body[data-page="dashboard"] .dashboard-fold-grid .card.flush{
  border-radius:18px!important;
}
body[data-page="dashboard"] .dashboard-fold-grid .card.flush .table-wrap{
  border-top:1px solid #edf1f5;
}
body[data-page="dashboard"] .dashboard-fold-grid .card.flush .data-table th{
  background:rgba(248,250,252,.96)!important;
  color:#7a899b!important;
  font-weight:790!important;
  letter-spacing:.025em;
}
body[data-page="dashboard"] .dashboard-fold-grid .card.flush .data-table td{
  transition:background .12s ease;
}
body[data-page="dashboard"] .dashboard-fold-grid .card.flush .data-table tbody tr:hover td{
  background:#fafcff!important;
}

/* todo tiles: make zero-heavy dashboard calm, but retain click affordance */
.todo-grid a{
  position:relative;
  overflow:hidden;
}
.todo-grid a::after{
  content:"";
  position:absolute;
  right:-18px;bottom:-22px;width:50px;height:50px;border-radius:50%;
  background:radial-gradient(circle,rgba(10,132,255,.055),transparent 70%);
  pointer-events:none;
}
.todo-grid b{font-variant-numeric:tabular-nums}

/* ---------- cards, tables, and details ---------- */
.data-table th:first-child{border-top-left-radius:10px}
.data-table th:last-child{border-top-right-radius:10px}
.data-table .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.table-wrap{
  scrollbar-color:#c3ced9 transparent;
}
.detail-box,.subcard,.note-box,.account-row,.list-item{
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
@media(hover:hover){
  .account-row:hover,.list-item:hover,.detail-box:hover,.subcard:hover{
    border-color:#e0e8f0!important;
    background:#fbfdff!important;
  }
}

/* status pills get a tiny status dot; no text/logic change */
.badge{gap:5px}
.badge.green::before,.badge.red::before,.badge.orange::before,.badge.blue::before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:currentColor;
  opacity:.72;
  box-shadow:0 0 0 2px rgba(255,255,255,.75);
  flex:0 0 auto;
}

/* ---------- buttons and form interaction polish ---------- */
.btn.loading{
  position:relative;
  opacity:.78!important;
  padding-right:34px!important;
}
.btn.loading::after{
  content:"";
  position:absolute;
  right:12px;
  width:12px;height:12px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  opacity:.72;
  animation:v734-spin .65s linear infinite;
}
@keyframes v734-spin{to{transform:rotate(360deg)}}

.field input::placeholder,.field textarea::placeholder{color:#a5afbc;opacity:1}
.field input:disabled,.field select:disabled,.field textarea:disabled,.btn:disabled{
  cursor:not-allowed!important;
  filter:saturate(.72);
}
.check-line input[type="checkbox"],.check-line input[type="radio"]{accent-color:var(--v734-blue)}

/* ---------- desktop navigation finish ---------- */
@media(min-width:761px){
  .brand{padding-bottom:15px!important}
  .brand-copy b{letter-spacing:-.08px}
  .nav-group-title{
    position:relative;
    padding-left:5px!important;
    margin-top:2px;
  }
  .nav-group-title.second{margin-top:9px!important;padding-top:10px!important}
  .nav-group-title.second::before{
    content:"";
    position:absolute;
    left:5px;right:5px;top:0;height:1px;
    background:linear-gradient(90deg,#e6ecf2,transparent);
  }
  .side-nav a,.side-bottom>a{min-height:42px}
  .side-nav a span,.side-bottom>a span{letter-spacing:-.03px}
  .side-nav a.active::after{
    content:"";
    position:absolute;
    right:10px;
    width:5px;height:5px;
    border-radius:50%;
    background:#168af7;
    box-shadow:0 0 0 4px rgba(22,138,247,.07);
  }
}

/* ---------- mobile: keep existing layout, refine compact visual balance ---------- */
@media(max-width:760px){
  .content{animation-duration:.12s}
  body[data-page="dashboard"] .dashboard-operating-grid .card-head h2{padding-left:9px}
  body[data-page="dashboard"] .dashboard-operating-grid .card-head h2::before{height:12px;width:2px}
  body[data-page="dashboard"] .account-mini>div{min-height:58px;padding:9px 10px!important}
  .badge.green::before,.badge.red::before,.badge.orange::before,.badge.blue::before{width:4px;height:4px}
  .mobile-nav a.active::after{
    content:"";
    position:absolute;
    left:50%;bottom:4px;
    width:15px;height:2px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#1388f4;
    opacity:.72;
  }
  .mobile-drawer-head{box-shadow:0 1px 0 rgba(225,232,239,.75)}
}

@media(prefers-reduced-motion:reduce){
  .content{animation:none!important}
  .btn.loading::after{animation-duration:1.4s}
  .topbar,.account-mini>div,.operating-stat-link small{transition:none!important}
}

/* ========================================================================== 
   V7.34 WHT ledger + supplier-payment settlement visual system
   ========================================================================== */
.wht-page-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border:1px solid rgba(221,230,239,.96);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 10%,rgba(36,150,255,.10),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,250,253,.98));
  box-shadow:var(--v734-card-shadow);
  overflow:hidden;
}
.wht-page-head::after{
  content:"";
  position:absolute;
  right:-54px;top:-70px;
  width:180px;height:180px;
  border-radius:50%;
  border:32px solid rgba(12,132,244,.035);
  pointer-events:none;
}
.wht-hero-copy{display:flex;align-items:center;gap:14px;min-width:0;position:relative;z-index:1}
.wht-hero-mark,.wht-summary-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:15px;
  color:#087de9;
  font-size:20px;
  font-weight:900;
  background:linear-gradient(145deg,#eff8ff,#e2f1ff);
  border:1px solid #d6e9fb;
  box-shadow:0 8px 18px rgba(13,128,230,.10),inset 0 1px 0 #fff;
}
.wht-hero-copy h2{margin:0;color:var(--v734-ink);font-size:22px;letter-spacing:-.4px}
.wht-hero-copy p{margin:5px 0 0;max-width:760px;color:#718095;font-size:13px;line-height:1.7}
.wht-flow-mini{display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;z-index:1}
.wht-flow-mini span{padding:7px 10px;border:1px solid #e1e9f1;border-radius:11px;background:rgba(255,255,255,.82);color:#65758a;font-size:12px;font-weight:760}
.wht-flow-mini span.active{color:#087eea;background:#edf7ff;border-color:#d4eafd}
.wht-flow-mini i,.wht-flow-mini b{font-style:normal;color:#a0acba;font-size:12px}

.wht-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wht-kpi{
  position:relative;
  min-width:0;
  min-height:116px;
  padding:17px 18px;
  border:1px solid rgba(222,230,239,.95);
  border-radius:20px;
  text-decoration:none;
  color:var(--v734-ink);
  background:linear-gradient(145deg,#fff,#f8fafc);
  box-shadow:0 8px 22px rgba(29,47,72,.04),inset 0 1px 0 #fff;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
  overflow:hidden;
}
.wht-kpi::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 99px 99px 0;background:#a7b6c8}
.wht-kpi.primary::before{background:linear-gradient(#29a4ff,#087eea)}
.wht-kpi.paid::before{background:linear-gradient(#53c8a0,#1caa7a)}
.wht-kpi:hover{transform:translateY(-1px);border-color:#d6e4f1;box-shadow:0 13px 28px rgba(28,48,73,.065),inset 0 1px 0 #fff}
.wht-kpi>span{display:block;color:#7b899b;font-size:12px;font-weight:780}
.wht-kpi>b{display:block;margin-top:10px;max-width:100%;font-size:22px;line-height:1.05;letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wht-kpi>small{display:block;margin-top:8px;color:#9aa5b2;font-size:11px;line-height:1.4}
.wht-kpi.primary>b{color:#087eea}.wht-kpi.paid>b{color:#188962}

.wht-list-card{overflow:hidden}
.wht-filter-form{margin-top:8px}
.wht-filter-form .filter-core-grid{grid-template-columns:minmax(150px,.7fr) minmax(160px,.8fr) minmax(260px,1.5fr)}
.wht-filter-form .filter-submit-row{display:flex;gap:8px;align-items:center;margin-top:10px}
.wht-desktop-table td,.wht-desktop-table th{vertical-align:middle}
.wht-mobile-list{display:none}

.wht-focus-card{border-color:#dce8f3!important;box-shadow:0 14px 34px rgba(25,47,72,.055),inset 0 1px 0 #fff!important}
.wht-focus-math{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:13px;
  margin-top:5px;
  padding:14px;
  border:1px solid #e4ebf2;
  border-radius:18px;
  background:linear-gradient(145deg,#fafcff,#f6f9fc);
}
.wht-focus-math>div{min-width:0;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e7edf3}
.wht-focus-math span{display:block;color:#7b899a;font-size:12px;font-weight:760}
.wht-focus-math b{display:block;margin-top:5px;font-size:20px;color:#152136;font-variant-numeric:tabular-nums}
.wht-focus-math .tax{background:linear-gradient(145deg,#f0f8ff,#f7fbff);border-color:#d8eafd}
.wht-focus-math .tax b{color:#087eea}
.wht-focus-math small{display:block;margin-top:4px;color:#91a0b1;font-size:11px}
.wht-focus-math>i{font-style:normal;color:#9eabb9;font-size:18px;font-weight:900}
.wht-action-grid{margin-top:14px}
.wht-action-grid .subcard{border-radius:19px!important;border-color:#e2eaf2!important;background:linear-gradient(150deg,#fff,#fafbfd)!important}
.wht-action-grid .subcard>h3{margin:0 0 12px;font-size:15px;color:#243248}
.wht-mini-form{margin-top:14px;padding-top:13px;border-top:1px solid #ebf0f5}
.wht-remit-note{display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:center;margin:12px 0;padding:12px 13px;border:1px solid #dcebf8;border-radius:14px;background:#f3f9ff}
.wht-remit-note span{color:#75869a;font-size:12px;font-weight:760}.wht-remit-note strong{color:#087eea;font-size:18px}.wht-remit-note small{grid-column:1/-1;color:#8998a9;font-size:11px}
.wht-paid-state{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #d8eee6;border-radius:16px;background:linear-gradient(145deg,#f0faf6,#f7fcfa)}
.wht-paid-state>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#dff5ec;color:#16835e;font-weight:900}.wht-paid-state>div{flex:1;min-width:0}.wht-paid-state b{display:block;color:#197b5b}.wht-paid-state small{color:#7c998f}
.wht-readonly-note{padding:13px;border-radius:14px;background:#f7f9fb;color:#7f8c9d;font-size:12px}

.wht-payment-panel{
  position:relative;
  margin-top:4px;
  padding:0!important;
  border:1px solid #dce8f3;
  border-radius:21px;
  background:linear-gradient(145deg,#fbfdff,#f5f9fd);
  box-shadow:0 8px 22px rgba(22,53,84,.04),inset 0 1px 0 #fff;
  overflow:hidden;
}
.wht-toggle-row{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;background:linear-gradient(90deg,rgba(8,129,244,.045),rgba(255,255,255,.35));border-bottom:1px solid #e5edf4}
.wht-toggle-row>div{min-width:0}.wht-toggle-row b{display:block;color:#203048;font-size:14px}.wht-toggle-row small{display:block;margin-top:4px;color:#7f8d9e;font-size:11px;line-height:1.6}
.wht-switch{position:relative;display:inline-flex;flex:0 0 auto;width:42px;height:25px;margin-top:1px;cursor:pointer}
.wht-switch input{position:absolute;opacity:0;pointer-events:none}
.wht-switch>span{position:absolute;inset:0;border-radius:999px;background:#cfd8e2;box-shadow:inset 0 0 0 1px rgba(105,121,140,.1);transition:.18s ease}
.wht-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(24,40,61,.22);transition:.18s ease}
.wht-switch input:checked+span{background:linear-gradient(135deg,#18a0ff,#087ce7)}
.wht-switch input:checked+span::after{transform:translateX(17px)}
.wht-switch input:focus-visible+span{box-shadow:0 0 0 4px rgba(8,129,244,.13)}
.wht-fields{padding:15px 16px 16px}
.wht-settlement-preview{display:grid;grid-template-columns:auto minmax(130px,210px) 1fr;gap:9px 12px;align-items:center;margin-bottom:13px;padding:11px 12px;border-radius:15px;border:1px solid #dce9f5;background:#f2f8fe}
.wht-settlement-preview>span{font-size:12px;color:#66778c;font-weight:800}.wht-settlement-preview input{min-height:38px!important;font-weight:850;color:#126fbf!important;background:#fff!important}.wht-settlement-preview small{font-size:11px;color:#8c9aab}
.wht-grid{margin-top:0!important}
.wht-cash-display{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:13px;border:1px solid #d8e8f5;background:linear-gradient(145deg,#eff8ff,#f7fbff);font-size:17px;font-weight:900;color:#087eea;font-variant-numeric:tabular-nums}
.wht-equation{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto minmax(80px,1fr) auto auto minmax(80px,1fr);gap:7px;align-items:center;margin-top:13px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e2eaf2;color:#8290a2;font-size:11px}
.wht-equation b{font-size:13px;color:#26374d;text-align:right;font-variant-numeric:tabular-nums}.wht-equation i{font-style:normal;font-weight:900;color:#a0adbb}

.wht-strip-link{display:inline-flex!important;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;text-decoration:none!important;color:#67798e!important;background:#f7f9fb;border:1px solid #e4eaf0;transition:.15s ease}
.wht-strip-link b{color:#41546c!important}.wht-strip-link em{font-style:normal;font-size:10px;color:#8b99a9}.wht-strip-link.has-pending{background:#fff8ed;border-color:#f5dfbf;color:#986521!important}.wht-strip-link.has-pending b{color:#b86e17!important}
.wht-action{gap:7px!important}.wht-action-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#edf7ff;color:#087eea;font-weight:900;font-size:11px}

.wht-obligation-summary,.wht-transaction-callout{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #d9e9f6;
  border-radius:17px;
  background:linear-gradient(145deg,#f3f9ff,#fbfdff);
  box-shadow:0 6px 18px rgba(27,56,87,.035);
}
.wht-obligation-summary>div:not(.wht-summary-icon),.wht-transaction-callout>div{min-width:0}.wht-obligation-summary b,.wht-transaction-callout b{display:block;color:#26364a}.wht-obligation-summary span:not(.wht-summary-icon),.wht-transaction-callout small{display:block;margin-top:3px;color:#7f8e9f;font-size:11px;line-height:1.5}.wht-obligation-summary>strong{font-size:18px;color:#087eea;white-space:nowrap}.wht-obligation-summary>a,.wht-transaction-callout>a{font-size:12px;font-weight:800;color:#087eea;text-decoration:none;white-space:nowrap}
.wht-transaction-callout.paid{border-color:#d8ece5;background:linear-gradient(145deg,#f2faf7,#fbfdfc)}.wht-transaction-callout.paid .wht-summary-icon{color:#17835f;background:#e4f6ef;border-color:#d7eee6}
.wht-detail-card{border-color:#dfe9f2!important}.wht-detail-list{display:grid;gap:9px}.wht-detail-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid #e5ebf1;border-radius:15px;background:#fafbfd}.wht-detail-row>div{min-width:0}.wht-detail-row b{display:block;color:#26364b}.wht-detail-row small{display:block;margin-top:4px;color:#8996a6}.wht-detail-math{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;color:#8290a1;font-size:11px}.wht-detail-math strong{color:#087eea;font-size:15px}

.todo-grid .todo-wht{position:relative}.todo-grid .todo-wht::before{content:"%";display:grid;place-items:center;position:absolute;right:10px;top:9px;width:20px;height:20px;border-radius:8px;background:#edf7ff;color:#087eea;font-size:10px;font-weight:900}.todo-grid .todo-wht small{display:block;margin-top:4px;color:#8392a4;font-size:10px;font-weight:700}

@media(max-width:980px){
  .wht-page-head{align-items:flex-start;flex-direction:column}.wht-flow-mini{width:100%;overflow-x:auto;padding-bottom:2px}.wht-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wht-detail-row{grid-template-columns:1fr auto}.wht-detail-row>.btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:760px){
  .wht-page-head{padding:15px;border-radius:21px;gap:12px}.wht-hero-mark{width:39px;height:39px;border-radius:13px}.wht-hero-copy h2{font-size:18px}.wht-hero-copy p{font-size:11px;line-height:1.55}.wht-flow-mini{gap:5px}.wht-flow-mini span{padding:6px 8px;font-size:10px}.wht-kpi-grid{gap:8px}.wht-kpi{min-height:96px;padding:13px 14px;border-radius:17px}.wht-kpi>b{font-size:18px}.wht-kpi>small{font-size:10px}
  .wht-filter-form .filter-core-grid{grid-template-columns:1fr 1fr!important}.wht-filter-form .search-field{grid-column:1/-1}.wht-filter-form .filter-submit-row{margin-top:8px}
  .wht-desktop-table,.wht-list-card>.table-hint{display:none!important}.wht-mobile-list{display:grid;gap:10px;margin-top:13px}.wht-mobile-card{display:block;padding:14px;border:1px solid #e1e8ef;border-radius:18px;background:linear-gradient(145deg,#fff,#fafbfd);text-decoration:none;color:#1b293d;box-shadow:0 7px 20px rgba(30,47,70,.035)}.wht-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.wht-mobile-top span{color:#8795a6;font-size:11px;font-weight:760}.wht-mobile-top strong{color:#087eea;font-size:19px;font-variant-numeric:tabular-nums}.wht-mobile-card h3{margin:10px 0 4px;font-size:15px}.wht-mobile-card p{margin:0;color:#8996a5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wht-mobile-bottom{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f5}.wht-mobile-bottom small{flex:1;color:#8492a3}.wht-mobile-bottom>b{color:#087eea;font-size:11px}
  .wht-focus-math{grid-template-columns:1fr;gap:7px}.wht-focus-math>i{text-align:center;line-height:1}.wht-action-grid{grid-template-columns:1fr!important}.wht-settlement-preview{grid-template-columns:1fr}.wht-settlement-preview input{width:100%}.wht-equation{grid-template-columns:1fr auto;gap:5px 10px}.wht-equation i{display:none}.wht-equation span:nth-of-type(1)::after{content:""}.wht-equation b{text-align:right}.wht-payment-panel{border-radius:18px}.wht-fields{padding:13px}.wht-toggle-row{padding:13px}.wht-grid{grid-template-columns:1fr!important}.wht-grid .span-2{grid-column:auto!important}
  .wht-obligation-summary,.wht-transaction-callout{grid-template-columns:auto 1fr;gap:9px;padding:12px}.wht-obligation-summary>strong,.wht-obligation-summary>a,.wht-transaction-callout>a{grid-column:2}.wht-obligation-summary>strong{font-size:16px}.wht-summary-icon{width:37px;height:37px;border-radius:13px}
  .wht-detail-row{grid-template-columns:1fr}.wht-detail-math{justify-content:flex-start;flex-wrap:wrap}.wht-detail-row>.btn{grid-column:auto}
}
/* JX Ledger V7.35 — WHT payment form clarity refinement. */

/* WHT-generated technical values stay visible for auditability, but cannot be mistaken for fields that need manual entry. */
.wht-auto-helper{display:none}
.wht-generated-field{
  position:relative;
}
.wht-generated-field .wht-auto-helper{display:block;color:#6f8aa5}
.wht-generated-field>label::after{
  content:" AUTO";
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  background:#eaf5ff;
  color:#087eea;
  font-size:9px;
  font-weight:900;
  letter-spacing:.45px;
  vertical-align:1px;
}
.wht-generated-field input[readonly],
.wht-generated-field .wht-locked-control{
  color:#126fbf!important;
  font-weight:850;
  border-color:#d2e7f8!important;
  background:linear-gradient(145deg,#f0f8ff,#f8fcff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.wht-locked-control{
  pointer-events:none;
  cursor:not-allowed;
}

.wht-mode-guide{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:12px;
  padding:12px 13px;
  border:1px solid #d4e8f9;
  border-radius:15px;
  background:linear-gradient(145deg,#edf7ff,#f8fcff);
  box-shadow:inset 0 1px 0 #fff;
}
.wht-mode-guide::before{
  content:"✓";
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:9px;
  background:linear-gradient(145deg,#1aa1ff,#087ce7);
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 6px 14px rgba(8,126,234,.18);
}
.wht-mode-guide b{display:block;flex:0 0 auto;color:#176cae;font-size:12px;line-height:1.55}
.wht-mode-guide span{color:#71879b;font-size:11px;line-height:1.65}

/* The settlement total is the primary user-entered amount in WHT mode. */
.wht-settlement-preview{
  border-color:#cfe5f7!important;
  background:linear-gradient(145deg,#f0f8ff,#f8fcff)!important;
}
.wht-settlement-preview input{
  border-color:#b8d9f5!important;
  box-shadow:0 0 0 3px rgba(8,129,244,.045),inset 0 1px 0 #fff!important;
}

@media(max-width:760px){
  .wht-mode-guide{display:grid;grid-template-columns:30px 1fr;gap:2px 9px;padding:11px 12px}
  .wht-mode-guide::before{grid-row:1/3}
  .wht-mode-guide b,.wht-mode-guide span{grid-column:2}
  .wht-settlement-preview{grid-template-columns:1fr!important;gap:7px!important}
  .wht-settlement-preview input{width:100%}
}
/* JX Ledger V7.36 — dashboard to-do + WHT visual refinement only. */
:root{
  --v736-ink:#16243a;
  --v736-muted:#7d8da1;
  --v736-line:#e4ebf2;
  --v736-blue:#0a82f4;
  --v736-blue-soft:#edf7ff;
  --v736-green:#15966d;
  --v736-orange:#c47a19;
  --v736-red:#ce5663;
}

/* =========================
   Dashboard / To-do center
   ========================= */
body[data-page="dashboard"] .todo-card{
  position:relative;
  padding:17px 18px 18px!important;
  border-radius:24px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 96% 0%,rgba(10,130,244,.045),transparent 28%),
    linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
}
body[data-page="dashboard"] .todo-card::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(10,130,244,.25),transparent);
}
body[data-page="dashboard"] .todo-card .card-head{
  margin-bottom:13px!important;
  align-items:flex-end!important;
}
body[data-page="dashboard"] .todo-card .card-head h2{
  margin:0!important;
  color:var(--v736-ink)!important;
  font-size:17px!important;
  letter-spacing:-.32px;
}
body[data-page="dashboard"] .todo-card .card-head p{
  margin-top:4px!important;
  color:#93a0b0!important;
  font-size:9.5px!important;
}
body[data-page="dashboard"] .todo-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
body[data-page="dashboard"] .todo-grid .todo-item{
  --todo-accent:#91a4b8;
  --todo-soft:#f5f8fb;
  position:relative;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:center!important;
  min-height:78px;
  padding:13px 14px!important;
  border:1px solid #e5ebf1!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#f9fbfd 100%)!important;
  box-shadow:0 6px 18px rgba(31,49,73,.035),inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:var(--v736-ink)!important;
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body[data-page="dashboard"] .todo-grid .todo-item::before{
  content:"";
  position:absolute;left:0;top:15px;bottom:15px;width:3px;
  border-radius:0 99px 99px 0;
  background:var(--todo-accent);
  opacity:.74;
}
body[data-page="dashboard"] .todo-grid .todo-item::after{
  content:"";
  position:absolute;right:-28px;top:-34px;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,var(--todo-soft) 0%,transparent 69%);
  opacity:.9;
  pointer-events:none;
}
body[data-page="dashboard"] .todo-grid .todo-item>b{
  grid-row:1/3;
  align-self:center;
  display:grid;
  place-items:center;
  width:48px;height:48px;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--todo-accent) 18%,#e5ebf1);
  border-radius:15px;
  background:linear-gradient(145deg,#fff,var(--todo-soft));
  color:var(--todo-accent)!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1;
  letter-spacing:-.5px;
  box-shadow:0 5px 12px rgba(31,49,73,.035),inset 0 1px 0 #fff;
  z-index:1;
}
body[data-page="dashboard"] .todo-grid .todo-item>span{
  align-self:end;
  color:#5f7085!important;
  font-size:10px!important;
  font-weight:760!important;
  line-height:1.45!important;
  z-index:1;
}
body[data-page="dashboard"] .todo-grid .todo-item>small{
  align-self:start;
  display:block!important;
  min-width:0;
  margin:0!important;
  color:#9aa6b4!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.35!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:1;
}
body[data-page="dashboard"] .todo-grid .todo-item.has-alert{--todo-accent:var(--v736-red);--todo-soft:#fff2f4}
body[data-page="dashboard"] .todo-grid .todo-item.has-warning{--todo-accent:var(--v736-orange);--todo-soft:#fff7eb}
body[data-page="dashboard"] .todo-grid .todo-item.has-info{--todo-accent:#4389c6;--todo-soft:#eef7ff}
body[data-page="dashboard"] .todo-grid .todo-item.is-clear{--todo-accent:#8fa0b2;--todo-soft:#f4f7fa}
body[data-page="dashboard"] .todo-grid .todo-wht.has-warning{
  border-color:#f0dfc6!important;
  background:linear-gradient(145deg,#fff 0%,#fffaf2 100%)!important;
}
body[data-page="dashboard"] .todo-grid .todo-wht::before{content:""!important}
body[data-page="dashboard"] .todo-grid .todo-wht>small{color:#b07830!important;font-weight:800!important}
@media(hover:hover){
  body[data-page="dashboard"] .todo-grid .todo-item:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--todo-accent) 22%,#dde6ee)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(31,49,73,.065),inset 0 1px 0 #fff!important;
  }
  body[data-page="dashboard"] .todo-grid .todo-item:hover>b{transform:scale(1.025)}
}

/* =========================
   WHT / Tax ledger refinement
   ========================= */
body[data-page="wht"] .wht-page-head{
  border-radius:25px!important;
  border-color:#dfe9f2!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(10,130,244,.085),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(82,184,255,.06),transparent 30%),
    linear-gradient(145deg,#fff,#f8fbfe)!important;
  box-shadow:0 14px 34px rgba(28,48,72,.055),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-hero-mark{
  box-shadow:0 9px 22px rgba(10,130,244,.12),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-flow-mini span{
  border-radius:999px!important;
  padding:7px 11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
body[data-page="wht"] .wht-kpi-grid{gap:11px!important}
body[data-page="wht"] .wht-kpi{
  min-height:112px!important;
  padding:16px 17px!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,#fff 0%,#f9fbfd 100%)!important;
  box-shadow:0 8px 23px rgba(30,48,72,.042),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-kpi>span{font-size:11px!important;color:#7f8ea1!important}
body[data-page="wht"] .wht-kpi>b{font-size:21px!important;letter-spacing:-.5px!important;color:#1b2a40}
body[data-page="wht"] .wht-kpi>small{font-size:9.5px!important;color:#9ca8b6!important}
body[data-page="wht"] .wht-kpi:nth-child(2)::before{background:linear-gradient(#f2b966,#d78d24)!important}
body[data-page="wht"] .wht-kpi:nth-child(3)::before{background:linear-gradient(#75b8f4,#348bda)!important}
body[data-page="wht"] .wht-kpi:nth-child(2)>b{color:#bf7a1e!important}
body[data-page="wht"] .wht-kpi:nth-child(3)>b{color:#337fc2!important}

body[data-page="wht"] .wht-list-card{
  padding:18px!important;
  border-radius:24px!important;
  border-color:#e0e8f0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(251,253,255,.99))!important;
  box-shadow:0 12px 31px rgba(30,48,72,.05),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-list-card .ledger-filter-head{
  align-items:center!important;
  margin-bottom:13px!important;
  padding-bottom:13px;
  border-bottom:1px solid #edf1f5;
}
body[data-page="wht"] .wht-list-card .ledger-filter-head h2{
  margin:0!important;
  color:var(--v736-ink)!important;
  font-size:18px!important;
  letter-spacing:-.35px;
}
body[data-page="wht"] .wht-list-card .ledger-filter-head p{
  margin-top:5px!important;
  color:#8d9aaa!important;
  font-size:10px!important;
  line-height:1.5;
}
body[data-page="wht"] .wht-list-card .ledger-action.secondary{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid #dae6f1!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fff,#f6f9fc)!important;
  color:#51667c!important;
  text-decoration:none!important;
  font-weight:790!important;
  box-shadow:0 4px 12px rgba(31,48,72,.035),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-filter-form{
  gap:10px!important;
  padding:13px 14px!important;
  border:1px solid #e4ebf2;
  border-radius:18px;
  background:linear-gradient(145deg,#f9fbfd,#f6f9fc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-page="wht"] .wht-filter-form .field label{
  color:#728298!important;
  font-size:9.5px!important;
  font-weight:780!important;
}
body[data-page="wht"] .wht-filter-form .field input,
body[data-page="wht"] .wht-filter-form .field select{
  min-height:40px!important;
  border-color:#dce5ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body[data-page="wht"] .wht-filter-form .field input:focus,
body[data-page="wht"] .wht-filter-form .field select:focus{
  border-color:#a9d4f7!important;
  box-shadow:0 0 0 4px rgba(10,130,244,.075),inset 0 1px 0 #fff!important;
}
body[data-page="wht"] .wht-filter-form .filter-submit-row{
  margin-top:1px!important;
  padding-top:10px;
  border-top:1px solid #e8eef4;
}
body[data-page="wht"] .wht-filter-form .filter-submit-row .btn{
  min-height:36px!important;
  padding:0 15px!important;
  border-radius:12px!important;
}
body[data-page="wht"] .wht-filter-form .filter-submit-row .btn.primary{
  box-shadow:0 7px 17px rgba(10,130,244,.17)!important;
}

/* desktop WHT table */
body[data-page="wht"] .wht-desktop-table{
  margin-top:14px;
  border:1px solid #e7edf3;
  border-radius:16px;
  overflow:auto;
  background:#fff;
  box-shadow:0 5px 15px rgba(31,48,72,.025);
}
body[data-page="wht"] .wht-desktop-table .data-table th{
  background:#f8fafc!important;
  color:#75859a!important;
  font-size:9px!important;
  letter-spacing:.02em;
}
body[data-page="wht"] .wht-desktop-table .data-table td{padding-top:11px!important;padding-bottom:11px!important}
body[data-page="wht"] .wht-desktop-table .data-table tbody tr:hover td{background:#fbfdff!important}

/* mobile WHT cards */
body[data-page="wht"] .wht-mobile-card{
  position:relative;
  padding:15px 15px 13px!important;
  border-radius:20px!important;
  border-color:#e0e8f0!important;
  background:linear-gradient(150deg,#fff 0%,#fafcff 100%)!important;
  box-shadow:0 8px 22px rgba(30,48,72,.04),inset 0 1px 0 #fff!important;
  overflow:hidden;
}
body[data-page="wht"] .wht-mobile-card::before{
  content:"";
  position:absolute;left:0;top:16px;bottom:16px;width:3px;
  border-radius:0 99px 99px 0;
  background:#9db1c5;
}
body[data-page="wht"] .wht-mobile-card.status-pending::before{background:#dfa044}
body[data-page="wht"] .wht-mobile-card.status-declared::before{background:#3c91d9}
body[data-page="wht"] .wht-mobile-card.status-paid::before{background:#28a87d}
body[data-page="wht"] .wht-mobile-top span{
  padding:4px 8px;
  border-radius:9px;
  background:#f3f6f9;
  color:#74869a!important;
  font-size:10px!important;
  font-weight:800!important;
}
body[data-page="wht"] .wht-mobile-top strong{
  color:#087eea!important;
  font-size:20px!important;
  letter-spacing:-.45px;
}
body[data-page="wht"] .wht-mobile-card h3{
  margin:11px 0 4px!important;
  color:#18273d!important;
  font-size:16px!important;
  letter-spacing:-.2px;
}
body[data-page="wht"] .wht-mobile-card p{
  color:#8795a6!important;
  font-size:10.5px!important;
}
body[data-page="wht"] .wht-mobile-bottom{
  margin-top:12px!important;
  padding-top:11px!important;
  border-top-color:#edf1f5!important;
}
body[data-page="wht"] .wht-mobile-bottom .badge{font-size:9.5px!important;padding:5px 8px!important}
body[data-page="wht"] .wht-mobile-bottom small{color:#8493a5!important;font-size:9.5px!important}
body[data-page="wht"] .wht-mobile-bottom>b{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border:1px solid #dcebf8;
  border-radius:10px;
  background:#f3f9ff;
  color:#087eea!important;
  font-size:10px!important;
  white-space:nowrap;
}
@media(hover:hover){
  body[data-page="wht"] .wht-mobile-card:hover{
    transform:translateY(-1px);
    border-color:#d5e3ef!important;
    box-shadow:0 13px 28px rgba(30,48,72,.065),inset 0 1px 0 #fff!important;
  }
  body[data-page="wht"] .wht-list-card .ledger-action.secondary:hover{
    color:#087eea!important;
    border-color:#cfe4f6!important;
    background:#f6fbff!important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  body[data-page="dashboard"] .todo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  body[data-page="dashboard"] .todo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body[data-page="dashboard"] .todo-card{padding:14px!important;border-radius:22px!important}
  body[data-page="dashboard"] .todo-card .card-head{margin-bottom:11px!important}
  body[data-page="dashboard"] .todo-card .card-head h2{font-size:16px!important}
  body[data-page="dashboard"] .todo-grid{gap:9px!important}
  body[data-page="dashboard"] .todo-grid .todo-item{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:72px;
    padding:11px 11px!important;
    column-gap:9px!important;
    border-radius:16px!important;
  }
  body[data-page="dashboard"] .todo-grid .todo-item>b{width:39px;height:39px;border-radius:13px;font-size:19px!important}
  body[data-page="dashboard"] .todo-grid .todo-item>span{font-size:9px!important}
  body[data-page="dashboard"] .todo-grid .todo-item>small{font-size:8px!important}

  body[data-page="wht"] .wht-list-card{padding:14px!important;border-radius:22px!important}
  body[data-page="wht"] .wht-list-card .ledger-filter-head{align-items:flex-start!important;margin-bottom:11px!important;padding-bottom:11px}
  body[data-page="wht"] .wht-list-card .ledger-filter-head h2{font-size:17px!important}
  body[data-page="wht"] .wht-list-card .ledger-filter-head p{display:block!important;font-size:9.5px!important;max-width:300px}
  body[data-page="wht"] .wht-list-card .ledger-action.secondary{min-height:32px!important;padding:0 10px!important;border-radius:11px!important;font-size:10px!important}
  body[data-page="wht"] .wht-filter-form{padding:11px!important;border-radius:16px}
  body[data-page="wht"] .wht-filter-form .filter-core-grid{grid-template-columns:1fr!important;gap:8px!important}
  body[data-page="wht"] .wht-filter-form .search-field{grid-column:auto!important}
  body[data-page="wht"] .wht-filter-form .field input,
  body[data-page="wht"] .wht-filter-form .field select{min-height:44px!important;border-radius:13px!important;font-size:14px!important}
  body[data-page="wht"] .wht-filter-form .filter-submit-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  body[data-page="wht"] .wht-filter-form .filter-submit-row .btn{width:100%;min-height:39px!important;justify-content:center}
  body[data-page="wht"] .wht-mobile-list{gap:11px!important;margin-top:14px!important}
}
/* JX Ledger V7.37 — attachment preview hardening + WHT source clarity */
body[data-page="wht"] .wht-source-caption{font-size:9px;font-weight:800;letter-spacing:.08em;color:#92a1b2;text-transform:uppercase;margin:8px 0 3px}
body[data-page="wht"] .wht-ref-line{font-size:9.5px;color:#95a2b1;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="wht"] .wht-source-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:13px 14px;border:1px solid #dfeaf5;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f2f8ff)}
body[data-page="wht"] .wht-source-strip>div:first-child{min-width:0}
body[data-page="wht"] .wht-source-strip span{display:block;font-size:9px;font-weight:800;color:#8b9bae;margin-bottom:3px}
body[data-page="wht"] .wht-source-strip strong{display:block;font-size:15px;color:#17283e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="wht"] .wht-source-strip small{display:block;margin-top:4px;color:#7f90a4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="wht"] .wht-source-links{display:flex;gap:7px;flex:none}
body[data-page="wht"] .wht-source-links a{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid #d7e5f2;border-radius:10px;background:#fff;color:#377cae;text-decoration:none;font-size:9.5px;font-weight:800}
body[data-page="wht"] .wht-desktop-table td:first-child{min-width:180px;max-width:260px}
body[data-page="wht"] .wht-desktop-table td:first-child>b{display:block;color:#17283e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){body[data-page="wht"] .wht-source-strip{align-items:flex-start;flex-direction:column;gap:9px;padding:12px}body[data-page="wht"] .wht-source-links{width:100%}body[data-page="wht"] .wht-source-links a{flex:1;justify-content:center}body[data-page="wht"] .wht-mobile-card h3{margin-top:0!important;font-size:16px!important;letter-spacing:-.2px}body[data-page="wht"] .wht-mobile-card p{margin-top:4px!important}}
/* JX Ledger V7.38 — 双向 WHT / 客户代扣税应收结算视觉层 */

:root{
  --v738-blue:#0a84ff;
  --v738-blue-deep:#0876dd;
  --v738-cyan:#44b8ff;
  --v738-green:#19a974;
  --v738-orange:#d98516;
  --v738-line:#dfe8f1;
  --v738-soft:#f5f9fd;
  --v738-ink:#17263c;
}

/* 双向 WHT 顶部切换：同一个菜单里清楚分辨“我司扣供应商 / 客户扣我司” */
.wht-kind-tabs{
  display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #dbe6ef;border-radius:15px;
  background:rgba(247,250,253,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);position:relative;z-index:2;
}
.wht-kind-tabs a{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:11px;
  color:#728197;text-decoration:none;font-size:12px;font-weight:820;white-space:nowrap;transition:.18s ease;
}
.wht-kind-tabs a:hover{color:#285271;background:#fff}
.wht-kind-tabs a.active{color:#087eea;background:#fff;box-shadow:0 5px 14px rgba(33,67,98,.10),inset 0 0 0 1px rgba(8,126,234,.09)}
.wht-page-head.customer-kind{background:linear-gradient(145deg,#fff 0%,#f7fbff 56%,#eff9ff 100%)}
.wht-page-head.customer-kind::after{background:radial-gradient(circle at center,rgba(51,183,255,.12),transparent 64%)}
.wht-page-head.customer-kind .wht-hero-mark{color:#087eea;background:linear-gradient(145deg,#e9f7ff,#f6fbff);border-color:#d5ebf9}

/* 客户 WHT 收款拆分面板 */
.customer-wht-panel{
  position:relative;overflow:hidden;border:1px solid #d7eaf8!important;border-radius:22px!important;
  background:linear-gradient(145deg,#fbfdff,#f4faff)!important;box-shadow:0 14px 34px rgba(32,77,111,.055),inset 0 1px 0 #fff;
}
.customer-wht-panel::after{content:"";position:absolute;width:250px;height:250px;right:-105px;top:-125px;border-radius:50%;background:radial-gradient(circle,rgba(67,181,255,.09),transparent 68%);pointer-events:none}
.customer-wht-toggle{background:linear-gradient(90deg,rgba(10,132,255,.065),rgba(255,255,255,.55))!important}
.customer-wht-fields{position:relative;z-index:1}
.wht-settlement-preview.customer{border-color:#cee7f8;background:linear-gradient(135deg,#edf8ff,#f8fcff)}
.wht-settlement-preview.customer input{color:#087eea!important}
.customer-wht-panel .wht-cash-display{background:linear-gradient(145deg,#eef9ff,#f9fdff);border-color:#d3eafa}
.customer-wht-panel .wht-equation{border-color:#dceaf4;background:rgba(255,255,255,.9)}
.customer-wht-panel .wht-equation b:last-child{color:#087eea}

/* 应收页明确说明已收的组成，不让银行到账与结清金额混淆 */
.receivable-overview .wht-strip-link{border-color:#d5e9f8;background:#f3faff;color:#39718f!important}
.receivable-overview .wht-strip-link b{color:#087eea!important}

/* 客户 WHT KPI 与记录：蓝青为主，不与供应商“待缴税”橙色混在一起 */
.wht-kpi.customer::before{background:linear-gradient(#43b8ff,#0a84ff)!important}
.wht-kpi.customer>b{color:#087eea}
.wht-kpi.customer-credit::before{background:linear-gradient(#52cfa5,#20a979)!important}
.wht-kpi.customer-credit>b{color:#188b65}
.wht-mobile-card.customer-card{border-color:#dceaf4;background:linear-gradient(155deg,#fff,#fbfdff)}
.wht-mobile-card.customer-card::before{background:linear-gradient(180deg,#45b9ff,#0a84ff)}
.wht-mobile-card.customer-card.status-certificate_received::before{background:linear-gradient(180deg,#55aef6,#3b8ad7)}
.wht-mobile-card.customer-card.status-credited::before{background:linear-gradient(180deg,#4dcca0,#1ca575)}
.wht-source-caption{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:#8291a4;font-size:10px;font-weight:840;letter-spacing:.03em}
.wht-source-caption::before{content:"";width:5px;height:5px;border-radius:50%;background:#61b9f4;box-shadow:0 0 0 4px rgba(97,185,244,.10)}
.wht-ref-line{margin-top:6px;color:#96a2b1;font-size:10px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* WHT 详情中“银行到账 + 客户代扣 = 应收结清”作为核心关系 */
.wht-focus-card.customer-focus{border-color:#d5e8f6!important;background:linear-gradient(150deg,#fff,#fbfdff)!important}
.wht-focus-card.customer-focus .wht-focus-math .tax{background:linear-gradient(145deg,#edf8ff,#f7fcff);border-color:#d3eafa}
.customer-actions .subcard{border-color:#dce9f2!important}
.customer-credit-card{background:linear-gradient(150deg,#fff,#f8fcfa)!important}

/* Dashboard：客户 WHT Certificate 是“资料待收”，区别于“我司待缴税” */
.todo-grid .todo-wht-credit{position:relative}
.todo-grid .todo-wht-credit::before{
  content:"W";display:grid;place-items:center;position:absolute;right:10px;top:9px;width:20px;height:20px;border-radius:8px;
  background:#ecf8ff;color:#0a84ff;font-size:9px;font-weight:950;
}
.todo-grid .todo-wht-credit.has-warning{border-color:#d7eaf8!important;background:linear-gradient(145deg,#fff,#f5fbff)!important}
.todo-grid .todo-wht-credit.has-warning b{color:#087eea!important}
.todo-grid .todo-wht-credit small{display:block;margin-top:4px;color:#8392a4;font-size:10px;font-weight:700}

/* 收款详情的客户代扣税解释卡 */
.wht-obligation-summary.customer,.wht-transaction-callout.customer{
  border-color:#d5e9f7!important;background:linear-gradient(145deg,#f2faff,#fbfdff)!important;
}
.wht-obligation-summary.customer .wht-summary-icon,.wht-transaction-callout.customer .wht-summary-icon{
  color:#087eea;background:#e9f7ff;border-color:#d3eafa;
}

@media (max-width:980px){
  .wht-page-head .wht-kind-tabs{order:2;max-width:100%;overflow-x:auto}
  .wht-page-head .wht-flow-mini{order:3}
}
@media (max-width:640px){
  .wht-kind-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box}
  .wht-kind-tabs a{padding:0 8px;font-size:11px}
  .customer-wht-panel{border-radius:19px!important}
  .customer-wht-panel .wht-toggle-row{padding:14px}
  .customer-wht-panel .wht-fields{padding:13px 14px 15px}
  .wht-settlement-preview.customer{grid-template-columns:1fr!important;gap:6px!important}
  .wht-settlement-preview.customer input{width:100%!important}
  .wht-settlement-preview.customer small{line-height:1.5}
  .wht-mobile-card.customer-card h3{margin-top:6px}
}
/* JX Ledger V7.39 — AR/AP settled due-state fix + desktop AP visual refinement */

/* Desktop AP only. Mobile list stays exactly on the existing V7.38 layout. */
@media (min-width:761px){
  body[data-page="ap"] .ap-desktop-ledger{
    overflow:visible!important;
    border:1px solid #e3ebf3!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 13px 34px rgba(30,48,72,.052),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body[data-page="ap"] .ap-desktop-ledger>.helper,
  body[data-page="ap"] .ap-desktop-ledger>.table-hint{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body[data-page="ap"] .ap-desktop-ledger .table-wrap{
    padding:4px 12px 12px!important;
    border-radius:18px!important;
  }
  body[data-page="ap"] .ap-desktop-table{
    min-width:1320px!important;
    border-collapse:separate!important;
    border-spacing:0 7px!important;
    table-layout:fixed!important;
  }
  body[data-page="ap"] .ap-desktop-table thead th{
    position:static!important;
    padding:8px 13px 10px!important;
    border:0!important;
    background:transparent!important;
    color:#7e8da0!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
  }
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(1){width:160px}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(2){width:220px}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(3){width:280px}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(4){width:108px}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(5),
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(6),
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(7){width:116px}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(8){width:88px;text-align:center}
  body[data-page="ap"] .ap-desktop-table thead th:nth-child(9){width:238px}

  body[data-page="ap"] .ap-desktop-table tbody td{
    padding:14px 13px!important;
    border-top:1px solid #e8eef4!important;
    border-bottom:1px solid #e8eef4!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
    color:#27364b!important;
    vertical-align:middle!important;
    line-height:1.45!important;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody td:first-child{
    border-left:1px solid #e8eef4!important;
    border-radius:15px 0 0 15px!important;
    box-shadow:inset 3px 0 0 rgba(10,132,255,.16)!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody td:last-child{
    border-right:1px solid #e8eef4!important;
    border-radius:0 15px 15px 0!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody tr:hover td{
    background:linear-gradient(180deg,#fff,#f7fbff)!important;
    border-color:#dbe8f4!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody tr.is-open td:first-child{
    box-shadow:inset 3px 0 0 rgba(222,79,95,.38)!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody tr.is-partial td:first-child{
    box-shadow:inset 3px 0 0 rgba(10,132,255,.38)!important;
  }
  body[data-page="ap"] .ap-desktop-table tbody tr.is-settled td:first-child{
    box-shadow:inset 3px 0 0 rgba(31,157,104,.30)!important;
  }

  body[data-page="ap"] .ap-desktop-table td:first-child>b{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#1d2d43!important;
    font-size:11.5px!important;
    font-weight:830!important;
    letter-spacing:.01em!important;
  }
  body[data-page="ap"] .ap-desktop-table .note{
    margin-top:4px!important;
    color:#8a98a9!important;
    font-size:9.5px!important;
    line-height:1.35!important;
  }
  body[data-page="ap"] .ap-desktop-table .cell-clamp{
    max-width:100%!important;
    line-height:1.42!important;
  }
  body[data-page="ap"] .ap-desktop-table td:nth-child(2){font-weight:680!important}
  body[data-page="ap"] .ap-desktop-table td:nth-child(4){text-align:center!important}
  body[data-page="ap"] .ap-desktop-table td:nth-child(4) .badge{
    min-width:62px!important;
    justify-content:center!important;
    padding:5px 9px!important;
    border:1px solid transparent!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  }
  body[data-page="ap"] .ap-desktop-table td:nth-child(4) .badge.green{
    border-color:#d7eee3!important;
    background:#eefaf4!important;
    color:#21835c!important;
  }
  body[data-page="ap"] .ap-desktop-table td.num{
    font-size:11px!important;
    font-weight:760!important;
    color:#314056!important;
    font-variant-numeric:tabular-nums!important;
  }
  body[data-page="ap"] .ap-desktop-table td.num.red{color:#d94d60!important}
  body[data-page="ap"] .ap-desktop-table td:nth-child(8){text-align:center!important}
  body[data-page="ap"] .ap-desktop-table td:nth-child(8) .badge{
    min-width:58px!important;
    justify-content:center!important;
    padding:6px 9px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child{
    padding-left:8px!important;
    padding-right:10px!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child .inline-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:6px!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child .inline-delete-form{
    display:inline-flex!important;
    margin:0!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child .btn.compact{
    min-height:32px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    font-size:10px!important;
    font-weight:780!important;
    box-shadow:0 3px 9px rgba(31,48,72,.04),inset 0 1px 0 rgba(255,255,255,.8)!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child .btn.primary{
    box-shadow:0 6px 14px rgba(10,132,255,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  body[data-page="ap"] .ap-desktop-table td:last-child .btn.danger{
    background:#fff7f8!important;
    border-color:#f2dce0!important;
  }

  /* A little more room on wide desktop so the table reads like AR rather than a compressed admin grid. */
  @media (min-width:1380px){
    body[data-page="ap"] .ap-desktop-table{min-width:100%!important}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(1){width:11%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(2){width:15%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(3){width:20%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(4){width:7%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(5),
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(6),
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(7){width:7%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(8){width:6%}
    body[data-page="ap"] .ap-desktop-table thead th:nth-child(9){width:20%}
  }
}
/* JX Ledger V7.40 — WHT VAT-aware smart tax basis */
.wht-basis-field select,
.wht-vat-field input{
  font-weight:780;
}
.wht-basis-field .helper,
.wht-vat-field .helper{
  line-height:1.45;
}
.wht-auto-base{
  background:linear-gradient(145deg,#f3f9ff,#f8fbff)!important;
  color:#176db8!important;
  font-weight:850!important;
  border-color:#d3e7f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.wht-vat-field.is-muted{
  opacity:.62;
}
.wht-vat-field.is-muted input{
  background:#f4f6f8!important;
  color:#8794a5!important;
}
.wht-calc-display{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:0 12px;
  border-radius:13px;
  border:1px solid #dde6ef;
  background:linear-gradient(145deg,#f8fafc,#f3f6fa);
  color:#52647a;
  font-size:16px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.wht-calc-display.neutral::before{
  content:'VAT';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  padding:0 7px;
  margin-right:9px;
  border-radius:999px;
  background:#edf4fb;
  color:#6d8298;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.wht-payment-panel .wht-mode-guide,
.customer-wht-panel .wht-mode-guide{
  position:relative;
  overflow:hidden;
}
.wht-payment-panel .wht-mode-guide::after,
.customer-wht-panel .wht-mode-guide::after{
  content:'AUTO';
  position:absolute;
  right:14px;
  top:13px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(10,132,255,.08);
  color:#1682de;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}
.wht-grid .field:has(#whtBaseMode),
.wht-grid .field:has(#customerWhtBaseMode){
  grid-column:span 2;
}

@media (max-width:760px){
  .wht-grid .field:has(#whtBaseMode),
  .wht-grid .field:has(#customerWhtBaseMode){
    grid-column:auto!important;
  }
  .wht-calc-display{min-height:48px;font-size:17px}
  .wht-payment-panel .wht-mode-guide::after,
  .customer-wht-panel .wht-mode-guide::after{
    position:static;
    display:inline-flex;
    width:max-content;
    margin-top:8px;
  }
}

/* =========================
   V7.50 Operations stability
   Consolidated visual layer
   ========================= */
.correction-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%);border:1px solid rgba(30,136,229,.12)}
.correction-hero>div{display:flex;align-items:flex-start;gap:16px;min-width:0}.correction-hero h2{margin:0 0 6px;font-size:22px}.correction-hero p{margin:0;color:var(--muted,#7b8799);max-width:860px;line-height:1.7}.correction-hero-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#e7f3ff,#f7fbff);color:#0b83ef;font-weight:900;font-size:24px;box-shadow:inset 0 0 0 1px rgba(11,131,239,.12)}
.correction-target-card{padding:22px}.correction-target-money{font-size:24px;white-space:nowrap}.correction-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.correction-option{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #dfe7f0;border-radius:18px;background:#fbfcfe;color:inherit;text-decoration:none;min-height:116px}.correction-option.primary{background:linear-gradient(145deg,#f7fbff,#eef7ff);border-color:#cfe6fb}.correction-option:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(24,64,104,.08)}.correction-option-no{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f4ff;color:#087fe7;font-weight:900;flex:0 0 auto}.correction-option h3{margin:0 0 5px;font-size:17px}.correction-option p{margin:0;color:#7a8798;line-height:1.6}.correction-option>b{margin-left:auto;font-size:24px;color:#1389ef}.correction-reopen-form{margin-top:14px;padding:18px;border:1px solid #e4eaf1;border-radius:18px;background:#fff}.correction-history-callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:#f3f8ff;border:1px solid #dbeafd}.correction-history-callout>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e2f1ff;color:#1687e8;font-size:20px}.correction-history-callout b,.correction-history-callout small{display:block}.correction-history-callout small{margin-top:4px;color:#68788e;line-height:1.5}.correction-banner{display:flex;flex-direction:column;gap:4px}.correction-reason-field textarea{min-height:92px}

.historical-wht-hero{background:linear-gradient(135deg,#fffaf3,#f5faff 55%,#f8fcff)}.historical-wht-form{padding:22px}.historical-wht-preview{margin-top:18px;padding:17px 18px;border:1px solid #dbe8f5;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#f1f8ff);display:flex;align-items:center;justify-content:space-between;gap:18px}.historical-wht-preview span,.historical-wht-preview b{display:block}.historical-wht-preview span{font-size:12px;color:#8190a3;margin-bottom:4px}.historical-wht-preview b{font-size:14px}.historical-wht-preview strong{font-size:25px;color:#0c82e8;white-space:nowrap}.historical-wht-explain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;margin-top:16px;padding:18px;border:1px solid #dce8f3;border-radius:20px;background:linear-gradient(135deg,#fbfdff,#f3f8ff)}.historical-wht-explain>div:not(.historical-wht-note){padding:16px;border-radius:16px;background:#fff;border:1px solid #e6ebf1}.historical-wht-explain span,.historical-wht-explain b,.historical-wht-explain small{display:block}.historical-wht-explain span{color:#7b899c;font-size:12px}.historical-wht-explain b{font-size:22px;margin-top:6px}.historical-wht-explain .tax b{color:#1084eb}.historical-wht-explain i{align-self:center;font-style:normal;font-size:23px;color:#8da0b5}.historical-wht-note{grid-column:1/-1;color:#69798e;line-height:1.6;font-size:13px;padding:2px 4px}.correction-restore-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.correction-restore-banner a{margin-left:auto;font-weight:700;color:#0b82e9}

@media (max-width:760px){.correction-hero{align-items:flex-start;padding:18px}.correction-hero>div{gap:12px}.correction-hero-icon{width:42px;height:42px;border-radius:14px}.correction-hero h2{font-size:20px}.correction-choice-grid{grid-template-columns:1fr}.historical-wht-form{padding:16px}.historical-wht-preview{align-items:flex-start}.historical-wht-preview strong{font-size:22px}.historical-wht-explain{grid-template-columns:1fr}.historical-wht-explain i{display:none}.historical-wht-note{grid-column:auto}.correction-restore-banner a{margin-left:0;width:100%}}


/* V7.50.5 restore operational entrances: AP / personal advances / internal ledger */
.ap-work-entry{padding:18px 20px}.ap-work-entry-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.ap-work-entry-head b{display:block;font-size:17px;color:#18263b}.ap-work-entry-head span{display:block;margin-top:4px;font-size:12px;color:#8795a8}.ap-work-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ap-entry-item{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid #e3eaf2;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);color:#25364c;text-decoration:none;transition:.18s ease}.ap-entry-item:hover{transform:translateY(-1px);border-color:#c7dcf5;box-shadow:0 10px 24px rgba(31,77,121,.08)}.ap-entry-item>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#edf6ff;color:#1688eb;font-style:normal;font-weight:800;font-size:15px;flex:0 0 auto}.ap-entry-item b{display:block;font-size:14px}.ap-entry-item small{display:block;margin-top:4px;color:#8a98aa;font-size:11px;line-height:1.35}.ap-entry-item.primary{border-color:#cfe6fb;background:linear-gradient(135deg,#f5fbff,#eef7ff)}.ap-entry-item.primary>i{background:#158ff0;color:#fff;box-shadow:0 8px 18px rgba(21,143,240,.22)}
.internal-ledger-hero{padding:22px 24px;margin-top:14px}.internal-ledger-hero>div{display:flex;align-items:center;gap:16px}.internal-ledger-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#e7f4ff,#f3f8ff);color:#1787e8;font-weight:800;font-size:20px;border:1px solid #d7e8f8}.internal-ledger-hero h2{margin:0;font-size:22px}.internal-ledger-hero p{margin:6px 0 0;color:#7e8da0;line-height:1.6}.internal-ledger-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.internal-kpi{display:block;padding:18px 20px;min-height:124px;border:1px solid #e3eaf2;border-radius:22px;background:#fff;text-decoration:none;color:#26364c;box-shadow:0 9px 24px rgba(31,56,88,.04)}.internal-kpi span,.internal-kpi small{display:block;color:#8795a8}.internal-kpi span{font-size:13px;font-weight:700}.internal-kpi b{display:block;margin:13px 0 6px;font-size:24px;white-space:nowrap;font-variant-numeric:tabular-nums}.internal-kpi small{font-size:11px}.internal-ledger-actions{padding:20px 22px}.internal-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.internal-action-grid>a{padding:16px;border:1px solid #e3eaf2;border-radius:17px;background:#fafcff;text-decoration:none;color:#26364c}.internal-action-grid>a b,.internal-action-grid>a span{display:block}.internal-action-grid>a b{font-size:14px}.internal-action-grid>a span{margin-top:5px;color:#8795a8;font-size:11px}.internal-action-grid>a.accent{background:#f2f9ff;border-color:#cfe7fb}.internal-action-grid>a:hover{border-color:#bcd8f1}.internal-ledger-rule{margin-top:14px}
@media(max-width:1100px){.ap-work-entry-grid,.internal-ledger-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.internal-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ap-work-entry{padding:14px}.ap-work-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ap-entry-item{min-height:70px;padding:12px;gap:9px;border-radius:16px}.ap-entry-item>i{width:34px;height:34px;border-radius:11px}.ap-entry-item b{font-size:13px}.ap-entry-item small{font-size:10px}.internal-ledger-hero{padding:18px}.internal-ledger-hero p{font-size:12px}.internal-ledger-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.internal-kpi{min-height:108px;padding:15px;border-radius:18px}.internal-kpi b{font-size:20px}.internal-ledger-actions{padding:16px}.internal-action-grid{grid-template-columns:1fr 1fr}.internal-action-grid>a{padding:13px}.internal-ledger-rule{margin-bottom:90px}}