.cab-section-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; scroll-margin-top:100px; }
.cab-section-balance { margin-left:auto; }
.cab-keys-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.cab-keys-heading h2 { margin:0; font-size:24px; }
.cab-keys-heading p { margin:8px 0 0; }
.cab-sections[data-section="keys"] { grid-template-areas:"keys keys" "connect connect"; }
.cab-sections[data-section="payments"] { grid-template-areas:"buy balance"; }
.cab-sections[data-section="referrals"] { grid-template-areas:none; grid-template-columns:1fr; }
.cab-sections[data-section="keys"] > :not(.saas-card-keys):not(.cab-client),
.cab-sections[data-section="payments"] > :not(.saas-card-buy):not(.saas-card-balance),
.cab-sections[data-section="referrals"] > :not(.ox-referral) { display:none !important; }
.cab-sections .cab-key-tile-footer { flex-wrap:wrap; gap:10px; }
@media(max-width:760px) {
  .cab-section-balance { margin-left:0; }
  .cab-section-nav .btn { font-size:14px; }
  .cab-keys-heading { align-items:flex-start; flex-direction:column; }
  .cab-sections[data-section="keys"] { grid-template-areas:"keys" "connect"; grid-template-columns:minmax(0,1fr); }
  .cab-sections[data-section="payments"] { grid-template-areas:"buy" "balance"; grid-template-columns:minmax(0,1fr); }
}