/* TRAFFICMEMBER V85 — clean geometric responsive UI */
:root{
  --tm85-blue:#4f8fc5;
  --tm85-blue-deep:#2f6f9f;
  --tm85-blue-soft:#eaf4fb;
  --tm85-navy:#142638;
  --tm85-bg:#f4f7fa;
  --tm85-card:#ffffff;
  --tm85-line:#d8e2ea;
  --tm85-muted:#6d7d8d;
  --tm85-green:#13a878;
  --tm85-orange:#e08a16;
  --tm85-purple:#7656c7;
  --tm85-red:#d95858;
}

*{box-sizing:border-box}
html,body{overflow-x:hidden!important}

/* ---------- MEMBER FRAME ---------- */
.ct-shell{background:var(--tm85-bg)!important;color:var(--tm85-navy)!important}
.ct-content{background:var(--tm85-bg)!important;color:var(--tm85-navy)!important}
.ct-content>*{max-width:100%}

/* ---------- TOP BAR ---------- */
.st-topbar{
  background:var(--tm85-blue)!important;
  min-height:72px!important;height:72px!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 2px 8px rgba(31,71,101,.12)!important;
}
.st-menu-button{
  width:46px!important;height:46px!important;min-width:46px!important;
  display:grid!important;place-items:center!important;
  border:0!important;background:transparent!important;color:#fff!important;
  font-size:30px!important;line-height:1!important;padding:0!important;
}
.st-top-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.st-top-brand img{width:176px!important;height:42px!important;object-fit:contain!important;object-position:left center!important;display:block!important;flex:0 0 auto!important}
.st-top-title{font-size:15px!important;color:rgba(255,255,255,.92)!important;font-weight:700!important}
.st-top-actions{display:flex!important;align-items:center!important;gap:8px!important}
.st-balance-chip,.st-top-avatar,.st-top-logout{border-radius:0!important}
.st-balance-chip{background:#3f7fb2!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;font-weight:800!important}
.st-top-avatar{background:#79b0d8!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}
.st-top-logout{background:#3d7cae!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}

/* ---------- SIDEBAR: LIGHT = WHITE/BLUE + ACCENTS ---------- */
.ct-sidebar{
  width:264px!important;background:#fff!important;color:#183047!important;
  border-right:1px solid #d9e3eb!important;border-radius:0!important;
  box-shadow:8px 0 24px rgba(30,65,90,.06)!important;
}
.st-side-user{
  padding:20px 20px 18px!important;
  background:linear-gradient(180deg,#f7fbfe,#fff)!important;
  border-bottom:1px solid #e2e9ef!important;
}
.st-avatar{width:46px!important;height:46px!important;background:var(--tm85-blue)!important;color:#fff!important;border:0!important;border-radius:0!important}
.st-side-user b{color:#17314a!important;font-size:15px!important}
.st-side-user small{color:#7b8c9d!important}
.st-side-label{padding:20px 20px 8px!important;color:#8a9aaa!important;font-size:10px!important;letter-spacing:.18em!important;font-weight:900!important}
.ct-nav{display:grid!important;gap:4px!important;padding:0 10px!important}
.ct-link{
  min-height:46px!important;padding:11px 12px!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  border:1px solid transparent!important;border-left:4px solid transparent!important;
  border-radius:0!important;background:#fff!important;color:#53687b!important;
  font-weight:700!important;transition:background .15s,border-color .15s,color .15s!important;
}
.ct-link .nav-icon{width:24px!important;flex:0 0 24px!important;text-align:center!important;font-size:19px!important;color:#6e879d!important}
.ct-link:hover{background:#f2f7fb!important;color:#245e8b!important;border-color:#dce9f2!important}
.ct-link.active{background:#e8f3fb!important;color:#24699a!important;border-color:#c9e0ef!important;border-left-color:var(--tm85-blue)!important}
.ct-link.active .nav-icon{color:var(--tm85-blue)!important}
/* Accent colors by function */
.ct-nav .ct-link:nth-child(2) .nav-icon{color:var(--tm85-purple)!important}
.ct-nav .ct-link:nth-child(3) .nav-icon{color:var(--tm85-orange)!important}
.ct-nav .ct-link:nth-child(4) .nav-icon{color:#11a979!important}
.ct-nav .ct-link:nth-child(5) .nav-icon{color:#4f83c6!important}
.ct-nav .ct-link:nth-child(6) .nav-icon{color:#8b63ca!important}
.st-side-bottom{margin-top:auto!important;padding:14px 10px 18px!important;border-top:1px solid #e3e9ee!important}
.st-side-bottom .ct-link{margin-bottom:4px!important}

/* Theme switch: compact rectangular control, never a huge card */
.ct-theme-menu{
  width:100%!important;min-height:40px!important;height:40px!important;
  margin:5px 0!important;padding:0 12px!important;
  border:1px solid #c9dbe8!important;border-left:4px solid var(--tm85-purple)!important;
  border-radius:0!important;background:#f4f8fc!important;color:#315d7e!important;
  text-align:left!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;
}
.ct-theme-menu:hover{background:#eaf3fa!important;color:#245e8b!important}
.ct-logout{
  width:100%!important;min-height:40px!important;margin:5px 0 0!important;padding:0 12px!important;
  border:1px solid #ead5d5!important;border-left:4px solid var(--tm85-red)!important;
  border-radius:0!important;background:#fff8f8!important;color:#b24d4d!important;
  text-align:left!important;font-weight:800!important;
}

/* ---------- DARK MEMBER: BLUE-BLACK ONLY, NO WHITE PANELS ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] .ct-shell,
html[data-theme="dark"] .ct-content{background:#07111b!important;color:#eaf4ff!important}
html[data-theme="dark"] .ct-sidebar{background:#091725!important;color:#eef6ff!important;border-right-color:#183652!important;box-shadow:10px 0 28px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .st-side-user{background:#0b1c2b!important;border-bottom-color:#183b5b!important}
html[data-theme="dark"] .st-side-user b{color:#fff!important}
html[data-theme="dark"] .st-side-user small{color:#9bb1c4!important}
html[data-theme="dark"] .st-side-label{color:#7891a6!important}
html[data-theme="dark"] .ct-nav .ct-link{background:#0b1b2a!important;color:#c6d7e6!important;border-color:#173650!important;border-left-color:transparent!important}
html[data-theme="dark"] .ct-nav .ct-link:hover{background:#10283d!important;color:#fff!important;border-color:#23527a!important}
html[data-theme="dark"] .ct-nav .ct-link.active{background:#123553!important;color:#fff!important;border-color:#28618e!important;border-left-color:#64a8dc!important}
html[data-theme="dark"] .ct-nav .ct-link .nav-icon{color:#9bb6cc!important}
html[data-theme="dark"] .ct-nav .ct-link.active .nav-icon{color:#74b5e6!important}
html[data-theme="dark"] .st-side-bottom{border-top-color:#183650!important}
html[data-theme="dark"] .st-side-bottom .ct-link{background:#0b1b2a!important;color:#c6d7e6!important;border-color:#173650!important}
html[data-theme="dark"] .ct-theme-menu{background:#102b42!important;color:#b9d8ef!important;border-color:#23537a!important;border-left-color:#8a6de0!important}
html[data-theme="dark"] .ct-theme-menu:hover{background:#153954!important;color:#fff!important}
html[data-theme="dark"] .ct-logout{background:#101d29!important;color:#ffb2b2!important;border-color:#4c3035!important;border-left-color:#d45d63!important}

/* ---------- AVAILABLE BALANCE: GRID, NEVER OVERLAP ---------- */
.tm-balance-hero{
  width:100%!important;margin:0 0 18px!important;padding:0!important;
  background:linear-gradient(125deg,#3d78a7 0%,#5896c5 58%,#72acd2 100%)!important;
  border:1px solid #a7c6dc!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden!important;
}
.tm-balance-main{padding:27px 30px 28px!important;min-width:0!important}
.tm-balance-title{display:flex!important;align-items:center!important;gap:9px!important;color:#eef7fd!important;letter-spacing:.19em!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important}
.tm-balance-main>strong{display:block!important;color:#fff!important;font-size:48px!important;line-height:1.05!important;margin:12px 0 20px!important;font-weight:900!important;white-space:nowrap!important}
.tm-balance-meta{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;margin:0 0 20px!important;width:100%!important;
}
.tm-balance-meta span{
  min-width:0!important;min-height:52px!important;padding:10px 13px!important;
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;
  background:rgba(19,49,72,.14)!important;border:1px solid rgba(255,255,255,.30)!important;
  color:#eef7fd!important;font-size:14px!important;line-height:1.3!important;
}
.tm-balance-meta b{color:#fff!important;font-weight:900!important}
.tm-balance-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:700px!important}
.tm-balance-btn{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:0!important;font-weight:900!important;text-decoration:none!important}
.tm-balance-btn.tm-light{background:#fff!important;color:#3f769f!important}
.tm-balance-btn.tm-outline{background:rgba(255,255,255,.08)!important;color:#fff!important}
.tm-balance-btn:hover{filter:brightness(1.04)!important}

/* ---------- RATE TABLE ---------- */
.tm-rate-box{
  background:var(--tm85-card)!important;border:1px solid var(--tm85-line)!important;border-left:4px solid var(--tm85-green)!important;
  border-radius:0!important;box-shadow:none!important;padding:24px!important;margin:0 0 18px!important;
}
.tm-rate-head{display:block!important}
.tm-rate-head h2{color:#3f86c4!important;margin:0 0 8px!important;font-size:26px!important}
.tm-rate-head p{color:var(--tm85-muted)!important;margin:0 0 18px!important;line-height:1.55!important}
.tm-rate-table{display:grid!important;gap:0!important;border:1px solid var(--tm85-line)!important}
.tm-rate-table>div{min-height:60px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#f7f9fb!important;border:0!important;border-bottom:1px solid var(--tm85-line)!important}
.tm-rate-table>div:last-child{border-bottom:0!important}
.tm-rate-table b{color:#31485d!important;font-size:13px!important}
.tm-rate-table strong{color:var(--tm85-green)!important;font-size:22px!important;white-space:nowrap!important}
html[data-theme="dark"] .tm-rate-box{background:#0c1b28!important;border-color:#1b3a54!important;border-left-color:#15ae82!important}
html[data-theme="dark"] .tm-rate-head h2{color:#66aef0!important}
html[data-theme="dark"] .tm-rate-head p{color:#a9bdcf!important}
html[data-theme="dark"] .tm-rate-table{border-color:#1e3c54!important}
html[data-theme="dark"] .tm-rate-table>div{background:#0e202f!important;border-bottom-color:#1e3c54!important}
html[data-theme="dark"] .tm-rate-table b{color:#dcebf7!important}

/* Darken remaining member cards without white surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .member-task-panel,
html[data-theme="dark"] .member-warning,
html[data-theme="dark"] .member-pricing-table,
html[data-theme="dark"] .quick-card,
html[data-theme="dark"] .api-hero,
html[data-theme="dark"] .withdraw-hero-pro,
html[data-theme="dark"] .payout-history,
html[data-theme="dark"] .referral-hero,
html[data-theme="dark"] .source-page-pro,
html[data-theme="dark"] .create-link-card{background:#0c1b28!important;color:#e7f1f8!important;border-color:#1b3a54!important}

/* Keep the whole UI square as requested */
.ct-sidebar,.ct-link,.ct-theme-menu,.ct-logout,.card,.btn,input,select,textarea,button,.tm-balance-hero,.tm-rate-box,.tm-rate-table,.tm-rate-table>div,.tm-balance-meta span,.tm-balance-btn{border-radius:0!important;box-shadow:none!important}

@media(max-width:700px){
  .st-topbar{height:64px!important;min-height:64px!important}
  .st-top-brand img{width:145px!important;height:34px!important}
  .st-menu-button{width:40px!important;min-width:40px!important;height:40px!important;font-size:28px!important}
  .st-top-title{display:none!important}
  .st-top-actions{gap:5px!important}
  .st-balance-chip{max-width:92px!important;padding:8px 8px!important;font-size:11px!important}
  .st-top-avatar,.st-top-logout{width:34px!important;height:34px!important}

  .ct-sidebar{top:64px!important;bottom:0!important;width:276px!important;transform:translateX(-105%)!important;transition:transform .18s ease!important;z-index:10001!important}
  .ct-sidebar.open{transform:translateX(0)!important}
  .st-side-user{padding:17px 16px!important}
  .st-side-label{padding:17px 16px 7px!important}
  .ct-nav{padding:0 8px!important;gap:3px!important}
  .ct-link{min-height:43px!important;padding:9px 10px!important}
  .st-side-bottom{padding:10px 8px 14px!important}

  .tm-balance-main{padding:21px 17px 20px!important}
  .tm-balance-title{font-size:12px!important;letter-spacing:.14em!important}
  .tm-balance-main>strong{font-size:40px!important;margin:10px 0 17px!important}
  .tm-balance-meta{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:14px!important}
  .tm-balance-meta span{min-height:44px!important;padding:9px 10px!important;font-size:12px!important}
  .tm-balance-actions{grid-template-columns:1fr!important;gap:7px!important}
  .tm-balance-btn{min-height:50px!important;font-size:14px!important}
  .tm-rate-box{padding:17px 13px!important}
  .tm-rate-head h2{font-size:22px!important}
  .tm-rate-head p{font-size:13px!important}
  .tm-rate-table>div{min-height:53px!important;padding:0 10px!important}
  .tm-rate-table b{font-size:11px!important}
  .tm-rate-table strong{font-size:18px!important}
}
@media(max-width:390px){
  .st-top-brand img{width:132px!important}
  .st-balance-chip{display:none!important}
  .tm-balance-main>strong{font-size:36px!important}
}

/* TRAFFICMEMBER V86 — SiteTop-style structural correction */
.st-topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;overflow:visible!important}
.st-top-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.st-menu-button{flex:0 0 44px!important}
.st-top-brand{display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important;text-decoration:none!important;overflow:hidden!important}
.st-top-brand img{width:158px!important;height:36px!important;max-width:158px!important;object-fit:contain!important;object-position:left center!important}
.st-top-title{display:none!important}
.st-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;white-space:nowrap!important}
.st-balance-chip{padding:9px 11px!important;min-width:72px!important;text-align:center!important;font-size:12px!important;line-height:1!important}
.st-top-avatar,.st-top-logout{width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;padding:0!important}

/* Sidebar follows the compact SiteTop information hierarchy */
.ct-sidebar{width:272px!important;overflow-y:auto!important;overflow-x:hidden!important}
.st-side-user{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:24px 22px 20px!important}
.st-side-logo{display:block!important;width:58px!important;height:58px!important;object-fit:cover!important;flex:0 0 auto!important}
.st-side-name{display:block!important}
.st-side-name b{display:block!important;font-size:16px!important;line-height:1.25!important}
.st-side-name small{display:block!important;margin-top:4px!important;font-size:11px!important}
.st-side-label{padding:20px 22px 9px!important}
.ct-nav{gap:2px!important;padding:0!important}
.ct-link{min-height:48px!important;padding:12px 20px!important;gap:14px!important;font-size:15px!important;border-left-width:3px!important}
.ct-link .nav-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;flex:0 0 24px!important}
.ct-link .nav-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:square!important;stroke-linejoin:miter!important}
.st-side-bottom{padding:12px 0 16px!important}
.st-side-bottom .ct-link{margin:0!important}
.ct-theme-menu,.ct-logout{width:calc(100% - 36px)!important;min-height:42px!important;height:42px!important;margin:5px 18px!important;padding:0 13px!important;display:flex!important;align-items:center!important;gap:10px!important}
.ct-logout .nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important}
.ct-logout .nav-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}

/* Balance block: clean SiteTop hierarchy, never collide */
.tm-balance-hero{position:relative!important;isolation:isolate!important}
.tm-balance-main{position:relative!important;z-index:1!important}
.tm-wallet-icon{display:none!important}
.tm-balance-title{font-size:13px!important;letter-spacing:.16em!important}
.tm-balance-main>strong{font-size:50px!important;margin:10px 0 18px!important}
.tm-balance-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
.tm-balance-meta span{overflow:hidden!important;word-break:normal!important}
.tm-balance-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Landing header logo — full wordmark, never hidden */
.tm-brand{min-width:0!important;display:flex!important;align-items:center!important;overflow:visible!important}
.tm-brand img{width:184px!important;height:40px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;display:block!important}

/* Light theme sidebar */
html[data-theme="light"] .ct-sidebar{background:#fff!important;color:#183047!important}
html[data-theme="light"] .st-side-user{background:#f7fafc!important}
html[data-theme="light"] .ct-link{background:#fff!important;color:#50677b!important}
html[data-theme="light"] .ct-link:hover{background:#eef6fb!important;color:#24699a!important}
html[data-theme="light"] .ct-link.active{background:#e7f2fa!important;color:#24699a!important;border-left-color:#4f8fc5!important}

/* Dark theme sidebar: blue-black + white text, not flat black */
html[data-theme="dark"] .ct-sidebar{background:#0a1826!important;color:#fff!important}
html[data-theme="dark"] .st-side-user{background:#0d2030!important;border-bottom-color:#193b56!important}
html[data-theme="dark"] .ct-link{background:#0a1826!important;color:#dbe7f1!important;border-color:#17344d!important;border-left-color:transparent!important}
html[data-theme="dark"] .ct-link:hover{background:#102b43!important;color:#fff!important}
html[data-theme="dark"] .ct-link.active{background:#143b5c!important;color:#fff!important;border-left-color:#61a7df!important}
html[data-theme="dark"] .st-side-bottom{border-top-color:#193b56!important}
html[data-theme="dark"] .ct-theme-menu{background:#112c45!important;color:#e9f5ff!important;border-color:#2a5576!important;border-left-color:#8d6be1!important}
html[data-theme="dark"] .ct-logout{background:#111f2d!important;color:#ffb1b1!important;border-color:#50353a!important;border-left-color:#df6068!important}

@media(max-width:700px){
  .ct-content{padding:0 12px 34px!important}
  .st-topbar{height:64px!important;min-height:64px!important;margin:0 -12px 14px!important;padding:0 10px!important}
  .st-top-left{gap:6px!important}
  .st-menu-button{width:40px!important;min-width:40px!important;height:40px!important;font-size:27px!important}
  .st-top-brand img{width:148px!important;height:32px!important;max-width:148px!important}
  .st-top-actions{gap:5px!important}
  .st-balance-chip{min-width:66px!important;padding:8px 7px!important;font-size:11px!important}
  .st-top-avatar,.st-top-logout{width:32px!important;height:32px!important;min-width:32px!important;font-size:16px!important}
  .ct-sidebar{top:64px!important;bottom:0!important;width:292px!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:10000!important}
  .ct-sidebar.open{transform:translateX(0)!important}
  .st-side-user{padding:22px 20px 18px!important}
  .st-side-logo{width:54px!important;height:54px!important}
  .ct-link{min-height:46px!important;padding:11px 18px!important;font-size:15px!important}
  .tm-balance-main{padding:24px 18px 22px!important}
  .tm-balance-main>strong{font-size:42px!important;margin:9px 0 16px!important}
  .tm-balance-meta{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .tm-balance-meta span{min-height:48px!important;padding:9px!important;font-size:12px!important}
  .tm-balance-meta span:last-child{grid-column:1/-1}
  .tm-balance-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .tm-balance-btn{min-height:50px!important;font-size:13px!important}
  .tm-brand img{width:148px!important;height:34px!important}
}
@media(max-width:390px){
  .st-top-brand img{width:132px!important;max-width:132px!important}
  .st-balance-chip{min-width:60px!important;font-size:10px!important}
  .tm-balance-actions{grid-template-columns:1fr!important}
  .tm-brand img{width:132px!important}
}

/* TRAFFICMEMBER V87 — clean SiteTop-inspired header, logo and theme control */
.st-topbar{
  height:78px!important; min-height:78px!important; padding:0 24px!important;
  background:#548abd!important; color:#fff!important; border:0!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
}
.st-top-left{gap:14px!important; overflow:visible!important}
.st-menu-button{
  width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
  border:0!important;background:transparent!important;color:#fff!important;font-size:30px!important;
  line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;
}
.st-top-brand{height:44px!important;max-width:none!important;overflow:visible!important}
.st-top-brand img{width:214px!important;height:44px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
.st-top-actions{gap:8px!important}
.st-balance-chip{
  height:42px!important;min-width:110px!important;padding:0 16px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;
}
.st-top-theme,.st-top-avatar,.st-top-logout{
  width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.13)!important;color:#fff!important;cursor:pointer!important;
  font-size:18px!important;line-height:1!important;
}
.st-top-theme:hover,.st-top-avatar:hover,.st-top-logout:hover{background:rgba(255,255,255,.23)!important}
.st-top-avatar{font-size:15px!important;font-weight:900!important}
.st-top-logout{font-size:22px!important}

/* Logo above Member name: simple mark, no broken/old CoinTraffic artwork */
.st-side-user{align-items:flex-start!important;background:transparent!important}
.st-side-logo{width:58px!important;height:58px!important;object-fit:contain!important;background:#fff!important;padding:0!important;border:0!important}
.st-side-name b{font-size:17px!important;font-weight:850!important}
.st-side-name small{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important}

/* The sidebar follows the reference hierarchy; theme is controlled from the top bar. */
.ct-theme-menu{display:none!important}
.st-side-bottom{padding-top:10px!important}
.ct-link{border-radius:0!important}
.ct-link .nav-icon svg{fill:none!important;stroke:currentColor!important}

/* Light menu: white base + blue/green/purple accents */
html[data-theme="light"] .ct-sidebar{background:#fff!important;color:#21384c!important;border-right:1px solid #dbe5ed!important}
html[data-theme="light"] .st-side-user{background:#f7fafc!important;border-bottom:1px solid #e3ebf1!important}
html[data-theme="light"] .st-side-label{color:#6f8292!important}
html[data-theme="light"] .ct-link{background:#fff!important;color:#4e6475!important;border-color:#e3ebf1!important}
html[data-theme="light"] .ct-link:hover{background:#f0f7fc!important;color:#2f77aa!important;border-color:#c8dfef!important}
html[data-theme="light"] .ct-link.active{background:#eaf4fb!important;color:#327db0!important;border-color:#bdd9eb!important;border-left-color:#548abd!important}
html[data-theme="light"] .ct-link:nth-child(2) .nav-icon{color:#6f8ed0!important}
html[data-theme="light"] .ct-link:nth-child(3) .nav-icon{color:#16a878!important}
html[data-theme="light"] .ct-link:nth-child(4) .nav-icon{color:#8b67d5!important}
html[data-theme="light"] .ct-link:nth-child(5) .nav-icon{color:#e29b24!important}
html[data-theme="light"] .ct-link:nth-child(6) .nav-icon{color:#4f8fc5!important}
html[data-theme="light"] .ct-link:nth-child(7) .nav-icon{color:#16a878!important}

/* Dark menu: blue-black base, but clearly white text and multiple accents */
html[data-theme="dark"] .ct-sidebar{background:#0c1823!important;color:#fff!important;border-right:1px solid #25435c!important}
html[data-theme="dark"] .st-side-user{background:#102536!important;border-bottom:1px solid #294b64!important}
html[data-theme="dark"] .st-side-name b{color:#fff!important}
html[data-theme="dark"] .st-side-name small{color:#a9c0d1!important}
html[data-theme="dark"] .st-side-label{color:#9eb4c5!important}
html[data-theme="dark"] .ct-link{background:#0e1d2b!important;color:#dce8f1!important;border-color:#1e3b52!important}
html[data-theme="dark"] .ct-link:hover{background:#153149!important;color:#fff!important;border-color:#315f80!important}
html[data-theme="dark"] .ct-link.active{background:#174364!important;color:#fff!important;border-color:#2f6e97!important;border-left-color:#67afe4!important}
html[data-theme="dark"] .ct-link:nth-child(2) .nav-icon{color:#83a9ff!important}
html[data-theme="dark"] .ct-link:nth-child(3) .nav-icon{color:#26c494!important}
html[data-theme="dark"] .ct-link:nth-child(4) .nav-icon{color:#ad8df0!important}
html[data-theme="dark"] .ct-link:nth-child(5) .nav-icon{color:#f0b54a!important}
html[data-theme="dark"] .ct-link:nth-child(6) .nav-icon{color:#71b8e8!important}
html[data-theme="dark"] .ct-link:nth-child(7) .nav-icon{color:#34c89a!important}

/* Balance panel: exact 3-column rhythm on desktop, clean 2+1 on phones */
.tm-balance-main{padding:30px 32px 30px!important}
.tm-balance-title{display:flex!important;align-items:center!important;gap:10px!important}
.tm-balance-main>strong{display:block!important;font-size:54px!important;line-height:1.05!important;margin:10px 0 20px!important}
.tm-balance-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.tm-balance-meta span{min-height:48px!important;padding:11px 14px!important;display:flex!important;align-items:center!important;white-space:nowrap!important}
.tm-balance-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important}
.tm-balance-btn{min-height:52px!important}

/* Landing header: the same compact brand treatment as the member header */
.tm-lp-header{height:78px!important;background:#548abd!important;padding:0 28px!important}
.tm-brand img{width:214px!important;height:44px!important;max-width:none!important;object-fit:contain!important;background:transparent!important}
.tm-lp-actions button#landingTheme{width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:19px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.14)!important;color:#fff!important}
.tm-lp-actions button#landingTheme:hover{background:rgba(255,255,255,.24)!important}

@media(max-width:700px){
  .st-topbar{height:64px!important;min-height:64px!important;padding:0 10px!important;margin:0 -12px 14px!important}
  .st-top-left{gap:7px!important}
  .st-menu-button{width:38px!important;height:38px!important;min-width:38px!important;font-size:28px!important}
  .st-top-brand{height:36px!important}
  .st-top-brand img{width:154px!important;height:36px!important}
  .st-top-actions{gap:5px!important}
  .st-balance-chip{height:36px!important;min-width:68px!important;padding:0 8px!important;font-size:11px!important}
  .st-top-theme,.st-top-avatar,.st-top-logout{width:34px!important;height:34px!important;min-width:34px!important;font-size:16px!important}
  .st-top-logout{font-size:19px!important}
  .ct-sidebar{top:64px!important;width:292px!important}
  .st-side-user{padding:20px 18px 17px!important}
  .st-side-logo{width:56px!important;height:56px!important}
  .ct-link{min-height:48px!important;padding:11px 18px!important;font-size:15px!important}
  .tm-balance-main{padding:24px 18px 22px!important}
  .tm-balance-main>strong{font-size:42px!important;margin:9px 0 17px!important}
  .tm-balance-meta{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .tm-balance-meta span{min-height:47px!important;padding:9px 10px!important;font-size:12px!important;white-space:normal!important}
  .tm-balance-meta span:last-child{grid-column:1/-1}
  .tm-balance-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .tm-balance-btn{min-height:50px!important;font-size:13px!important}
  .tm-lp-header{height:64px!important;padding:0 12px!important}
  .tm-brand img{width:154px!important;height:36px!important}
  .tm-lp-actions button#landingTheme{width:34px!important;height:34px!important;font-size:16px!important}
}
@media(max-width:390px){
  .st-brand img,.st-top-brand img{width:132px!important}
  .st-balance-chip{display:none!important}
  .tm-brand img{width:132px!important}
}

/* TRAFFICMEMBER V88 — header width + source approval + payout balance */
@media(min-width:701px){
  .ct-content{width:calc(100% - 255px)!important;max-width:none!important;margin-left:255px!important;padding:0 28px 40px!important}
}
@media(max-width:700px){
  .ct-content{width:100vw!important;max-width:none!important;margin-left:0!important;padding:0 12px 34px!important;overflow-x:hidden!important}
  .st-topbar{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important;padding:0 12px!important}
  .st-top-left{flex:1 1 auto!important;min-width:0!important}
  .st-top-brand{flex:0 1 auto!important;min-width:0!important}
  .st-top-brand img{width:150px!important;max-width:150px!important}
  .st-top-actions{flex:0 0 auto!important}
  .st-balance-chip{min-width:66px!important;max-width:76px!important;padding:0 6px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:430px){
  .st-top-brand img{width:132px!important;max-width:132px!important}
  .st-balance-chip{min-width:58px!important;font-size:10px!important}
  .st-top-actions{gap:4px!important}
}

/* Source approval page */
.source-approval-page{display:grid!important;gap:16px!important}
.source-approval-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:4px 0 8px!important}
.source-approval-head h2{margin:5px 0 7px!important;font-size:30px!important;color:#3f86c4!important}
.source-approval-badge{padding:10px 13px!important;border:1px solid #c7dce9!important;background:#edf7fc!important;color:#2478a7!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.source-approval-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.source-current{display:flex!important;align-items:flex-start!important;gap:13px!important;margin-top:16px!important;padding:16px!important;border:1px solid var(--tm85-line)!important;background:#f7fafc!important}
.source-current-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;background:#dff7ed!important;color:#10a878!important;font-weight:900!important;flex:0 0 auto!important}
.source-current-icon.pending{background:#fff1d8!important;color:#d98a12!important}
.source-current b,.source-current a{display:block!important}
.source-current a{margin:5px 0 9px!important;color:#347dad!important;word-break:break-all!important;font-size:13px!important}
.source-history{margin-top:0!important}
.source-history-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 0!important;border-top:1px solid var(--tm85-line)!important}
.source-history-row b,.source-history-row small{display:block!important}
.source-history-row small{margin-top:4px!important;color:var(--tm85-muted)!important;word-break:break-all!important}
html[data-theme="dark"] .source-approval-head h2{color:#69b2f1!important}
html[data-theme="dark"] .source-approval-badge{background:#102c42!important;border-color:#285675!important;color:#83c2ed!important}
html[data-theme="dark"] .source-current{background:#0e202f!important;border-color:#1e3c54!important}
html[data-theme="dark"] .source-history-row{border-color:#1e3c54!important}
html[data-theme="dark"] .source-current a{color:#79bce8!important}

/* Payout: dedicated balance card instead of loose current-balance text */
.withdraw-balance-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:22px 24px!important;margin:0 0 16px!important;background:linear-gradient(125deg,#3d78a7 0%,#5896c5 58%,#72acd2 100%)!important;border:1px solid #a7c6dc!important;color:#fff!important}
.withdraw-balance-card strong{display:block!important;font-size:36px!important;line-height:1.1!important;margin-top:7px!important;color:#fff!important}
.withdraw-balance-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.withdraw-balance-meta span{padding:10px 13px!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(15,57,84,.12)!important;font-size:12px!important}
.withdraw-balance-meta b{color:#fff!important}
.withdraw-title{padding:0 0 4px!important}
.withdraw-title h2{margin:5px 0 6px!important;color:#3f86c4!important}
html[data-theme="dark"] .withdraw-title h2{color:#69b2f1!important}
@media(max-width:700px){
 .source-approval-head{align-items:flex-start!important;flex-direction:column!important}
 .source-approval-grid{grid-template-columns:1fr!important}
 .source-approval-head h2{font-size:25px!important}
 .source-approval-badge{align-self:flex-start!important}
 .withdraw-balance-card{align-items:flex-start!important;flex-direction:column!important;padding:19px 17px!important}
 .withdraw-balance-card strong{font-size:32px!important}
 .withdraw-balance-meta{width:100%!important;justify-content:flex-start!important}
 .withdraw-balance-meta span{flex:1 1 140px!important}
}