/* v71 — content-first navigation and restrained finance controls */
.sidebar{
  width:min(292px,calc(100vw - 28px));
  transform:translateX(-105%);
  transition:transform .22s ease,box-shadow .22s ease;
  box-shadow:none;
}
.mobile-nav-open .sidebar{transform:translateX(0);box-shadow:24px 0 70px #000c}
.workspace{margin-left:0;padding-right:clamp(16px,3vw,48px);padding-left:clamp(16px,3vw,48px)}
#menuToggle{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin-right:14px;
  padding:0;
  border:1px solid #25364a;
  border-radius:12px;
  background:#0b1522;
  color:#d9e3ee;
  font-size:19px;
  line-height:1;
}
#menuToggle:hover,#menuToggle:focus-visible{border-color:#47617d;background:#111f30;outline:none}
.topbar{justify-content:flex-start}
.topbar-title{margin-right:auto}
.menu-backdrop{position:fixed;z-index:19;inset:0;display:block;border:0;background:#02060daa;opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(3px)}
.mobile-nav-open .menu-backdrop{opacity:1;pointer-events:auto}
.mobile-nav-open{overflow:hidden}

[data-page="payments"]{max-width:1600px}
.payment-page-head{min-height:44px;margin-bottom:16px}
.payment-page-summary{margin:0!important;color:#8fa2ba;font-size:13px}
.payment-account-activity{font-size:11px}
.payment-account-activity>b{color:#e3eaf2;font-size:12px;font-weight:700}
.payment-account-activity>small{font-size:11px;line-height:1.35}
.ledger-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:88px}
.ledger-primary{border-color:#3d5874;background:#112238}
.ledger-action-menu{position:relative}
.ledger-action-menu>summary{
  display:grid;
  place-items:center;
  width:36px;
  height:34px;
  border:1px solid #304158;
  border-radius:9px;
  background:#101c2a;
  color:#cbd6e2;
  cursor:pointer;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  list-style:none;
}
.ledger-action-menu>summary::-webkit-details-marker{display:none}
.ledger-action-menu[open]>summary{border-color:#506a86;background:#17273a}
.ledger-action-menu>div{
  position:absolute;
  z-index:8;
  top:40px;
  right:0;
  display:grid;
  gap:5px;
  width:150px;
  padding:7px;
  border:1px solid #2a3c52;
  border-radius:12px;
  background:#0b1522;
  box-shadow:0 18px 45px #000b;
}
.ledger-action-menu>div .icon-btn{width:100%;border-color:transparent;background:transparent;text-align:left}
.ledger-action-menu>div .icon-btn:hover{background:#142338}

@media(max-width:760px){
  .sidebar{width:min(292px,calc(100vw - 28px))}
  .workspace{padding-right:16px;padding-left:16px}
  #menuToggle{display:grid;border:1px solid #25364a;background:#0b1522}
}