/* NEXMERCE trader mobile bottom navigation - loaded last on purpose. */
.trader-mobile-bottom{display:none}
@media (max-width:700px){
  body.cash-workspace.trader-has-mobile-nav{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.cash-workspace.trader-has-mobile-nav .workspace{padding-bottom:0!important}
  body.cash-workspace.trader-has-mobile-nav main{padding-bottom:28px!important}
  body.cash-workspace.trader-has-mobile-nav .page-footer{margin-bottom:0!important;padding-bottom:18px!important}
  .trader-mobile-bottom{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;max-width:100vw!important;
    min-height:68px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    background:var(--dk-w, #fff)!important;
    border-top:1px solid var(--dk-line, #dce1e9)!important;
    box-shadow:0 -6px 22px rgba(36,35,49,.12)!important;
    z-index:2147483000!important;
    transform:translateZ(0)!important;
  }
  .trader-mobile-bottom a{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;min-width:0!important;min-height:52px!important;padding:4px 2px!important;margin:0!important;
    border-radius:11px!important;color:var(--dk-gray, #737b85)!important;text-align:center!important;font-size:10px!important;font-weight:650!important;
  }
  .trader-mobile-bottom a svg{display:block!important;width:20px!important;height:20px!important;margin:0 auto!important;flex:0 0 20px!important}
  .trader-mobile-bottom a span{display:block!important;width:100%!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .trader-mobile-bottom a.active{color:var(--primary)!important;background:var(--purple-soft)!important}
  .sidebar nav a.mobile-bottom-duplicate{display:none!important}
}

/* Refined Settings icon and referral sharing card */
.trader-mobile-bottom a[href="/trader/profile.php"] svg{width:21px!important;height:21px!important;stroke-width:1.65!important}
.referral-share-panel .referral-help{color:var(--muted,var(--dk-gray, #777));margin-top:-4px}
.referral-code-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:18px 0 22px;border:1px solid var(--line,var(--dk-line, #e3e8ee));border-radius:16px;background:linear-gradient(135deg,var(--dk-w, #f6f8fe),var(--dk-w, #fff))}
.referral-code-card div{min-width:0}.referral-code-card small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--dk-gray, #727e8e);margin-bottom:7px}.referral-code-card strong{display:block;font-size:20px;line-height:1.25;letter-spacing:.045em;overflow-wrap:anywhere;color:var(--primary,#3d74f5)}
.referral-share-panel h4{margin:0 0 8px}.referral-link-row{margin-top:8px}
@media(max-width:700px){.referral-code-card{align-items:stretch;flex-direction:column}.referral-code-card .button{width:100%}.referral-link-row{display:grid;grid-template-columns:1fr}.referral-link-row .button{width:100%}}


/* Referral Network spacing and mobile organization */
.referral-share-panel{padding:26px 24px!important}
.referral-section-head{padding-bottom:18px;border-bottom:1px solid var(--line,var(--dk-line, #e3e8ee))}
.referral-section-head h3{margin:0 0 8px!important}
.referral-share-panel .referral-help{margin:0!important;line-height:1.65}
.referral-code-card{margin:20px 0 24px!important;padding:18px!important}
.referral-code-value{display:flex;flex-direction:column;gap:6px;min-width:0}
.referral-code-card small{margin:0!important}
.referral-code-card strong{margin:0!important}
.referral-copy-button{margin:0!important;min-height:42px}
.referral-link-block{padding-top:2px}
.referral-link-block h4{margin:0 0 10px!important}
.referral-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0!important}
.referral-link-row input{margin:0!important;min-width:0;height:46px}
.referral-copy-status{min-height:18px;margin:8px 0 0!important}
.referral-count{display:flex;align-items:baseline;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line,var(--dk-line, #e3e8ee));color:var(--dk-gray, #6c747f)}
.referral-count strong{font-size:20px;color:var(--primary,#3d74f5)}
.referral-count span{font-size:13px}
@media(max-width:700px){
  .referral-share-panel{padding:22px 20px!important}
  .referral-section-head{padding-bottom:16px}
  .referral-code-card{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:18px 0 22px!important;padding:16px!important}
  .referral-code-card strong{font-size:19px!important;letter-spacing:.06em!important;overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap!important}
  .referral-code-card .referral-copy-button{width:auto!important;justify-self:start!important;padding:10px 16px!important}
  .referral-link-row{grid-template-columns:1fr!important;gap:10px!important}
  .referral-link-row .referral-copy-button{width:auto!important;justify-self:start!important;padding:10px 16px!important}
  .referral-count{margin-top:20px;padding-top:16px}
}