/* FATI X PRIVATE ACCOUNT DROPDOWN PILOT — isolated to server-approved test account */
body.fx-private-profile-pilot #fxSocialCreditAnchor{display:none!important}
body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{
  width:min(356px,calc(100vw - 24px));max-height:min(708px,calc(100dvh - 94px));overflow-y:auto;
  overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3f4956 transparent;
  padding:12px;top:calc(100% + 12px);right:0;border-radius:21px;
  border:1px solid rgba(166,184,209,.22);background:linear-gradient(163deg,#1d222a 0%,#12161c 39%,#0e1117 100%);
  box-shadow:0 22px 74px #000a,0 0 0 1px #ffffff06,inset 0 1px #ffffff0b;
  color:#e9edf5;text-align:left;z-index:3000;
}
body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown.hidden{display:none}
.fx-private-profile-dropdown *{box-sizing:border-box}
.fx-private-profile-dropdown svg{width:17px;height:17px;flex:none}
.fx-private-profile-dropdown .fxp-head{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;min-width:0}
.fx-private-profile-dropdown .fxp-avatar{width:39px;height:39px;min-width:39px;border-radius:12px;object-fit:cover;border:1px solid #8597aa44;background:#26303b;display:grid;place-items:center;font-size:17px;font-weight:850;color:#fff}
.fx-private-profile-dropdown .fxp-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.fx-private-profile-dropdown .fxp-identity strong{font-size:14px;letter-spacing:-.02em;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fx-private-profile-dropdown .fxp-identity small{color:#9da8b9;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fx-private-profile-dropdown .fxp-member{font-size:9px;font-weight:850;letter-spacing:.09em;color:#bfcad7;border:1px solid #66748460;border-radius:999px;padding:5px 7px;flex:none}
.fx-private-profile-dropdown .fxp-plan{background:linear-gradient(160deg,#1e252f,#151a23);border:1px solid #72809533;border-radius:15px;padding:12px 13px 11px;margin-bottom:9px;display:flex;flex-direction:column;gap:4px}
.fx-private-profile-dropdown .fxp-plan-upper{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:2px}
.fx-private-profile-dropdown .fxp-plan-upper>span:first-child,.fx-private-profile-dropdown .fxp-balance-top>span:first-child{color:#9ba9bb;font-size:10px;font-weight:800;letter-spacing:.105em}
.fx-private-profile-dropdown .fxp-plan>strong{font-size:19px;font-weight:880;letter-spacing:-.04em;line-height:1.18}
.fx-private-profile-dropdown .fxp-plan-note{color:#a5b0be;font-size:10px}
.fx-private-profile-dropdown .fxp-pill{color:#bcc8d8;display:inline-flex;gap:5px;align-items:center;border-radius:999px;background:#8899ab20;border:1px solid #9db0c129;padding:4px 8px;font-size:9px;font-weight:850;letter-spacing:.03em}
.fx-private-profile-dropdown .fxp-pill i{width:6px;height:6px;background:#a9b8c9;border-radius:50%}
.fx-private-profile-dropdown .fxp-pill.is-pro{color:#e9d4a5;background:#a7823a1c;border-color:#c7a76b57}
.fx-private-profile-dropdown .fxp-pill.is-pro i{background:#e8bf75;box-shadow:0 0 7px #d3a75b66}
.fx-private-profile-dropdown .fxp-balance{border:1px solid #ffffff1b;border-radius:15px;padding:12px 13px 10px;background:#0b0f15ab;margin-bottom:13px}
.fx-private-profile-dropdown .fxp-balance-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.fx-private-profile-dropdown .fxp-balance-date{color:#778498;font-size:10px}
.fx-private-profile-dropdown .fxp-balance-line{display:flex;align-items:baseline;gap:8px;margin:5px 0 10px}
.fx-private-profile-dropdown .fxp-balance-line strong{font-size:30px;font-weight:900;line-height:1;letter-spacing:-.055em;color:#f8fafc}
.fx-private-profile-dropdown .fxp-balance-line span{color:#a5b0bd;font-size:11px}
.fx-private-profile-dropdown .fxp-progress{width:100%;height:4px;overflow:hidden;background:#303844;border-radius:20px}
.fx-private-profile-dropdown .fxp-progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#9cb4d5,#e2eaf9);transition:width .3s ease}
.fx-private-profile-dropdown .fxp-reset{display:flex;align-items:center;gap:6px;color:#aeb9c7;font-size:10.5px;padding-top:10px}
.fx-private-profile-dropdown .fxp-reset svg{width:14px;height:14px;color:#899baf}
.fx-private-profile-dropdown .fxp-reset strong{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;font-size:11px;letter-spacing:.05em;color:#e6eefa}
.fx-private-profile-dropdown .fxp-channels{padding:0 1px}
.fx-private-profile-dropdown .fxp-section-head{display:flex;align-items:center;gap:7px;margin:0 5px 7px;color:#bcc7d5}
.fx-private-profile-dropdown .fxp-section-head svg{width:14px;height:14px;color:#a9bcd2}
.fx-private-profile-dropdown .fxp-section-head strong{font-size:10px;letter-spacing:.1em;font-weight:850}
.fx-private-profile-dropdown .fxp-section-head small{margin-left:auto;color:#8493a7;font-size:9px;font-weight:750}
/* One-line, subtly glowing invitation; keep member controls compact. */
.fx-private-profile-dropdown .fxp-section-head.fxp-earn-head{padding:7px 9px;margin:0 1px 5px;border-radius:10px;border:1px solid rgba(66,226,184,.27);background:linear-gradient(100deg,rgba(24,83,77,.26),rgba(11,28,37,.19));box-shadow:inset 0 1px rgba(150,255,228,.05),0 0 12px rgba(55,212,175,.07)}
.fx-private-profile-dropdown .fxp-section-head.fxp-earn-head svg{color:#83efd4}
.fx-private-profile-dropdown .fxp-section-head.fxp-earn-head strong{color:#c5ffef;text-shadow:0 0 11px rgba(65,228,187,.3);letter-spacing:.055em}
.fx-private-profile-dropdown .fxp-section-head.fxp-earn-head small{color:#85d5bd;font-size:8px;letter-spacing:.02em}
.fx-private-profile-dropdown .fxp-linkrow{width:100%;display:flex;align-items:center;gap:9px;min-height:49px;padding:7px 9px;color:#e4eaf2;border:1px solid transparent;border-radius:11px;text-decoration:none;background:transparent;cursor:pointer;text-align:left;font:inherit}
.fx-private-profile-dropdown .fxp-linkrow:hover,.fx-private-profile-dropdown .fxp-linkrow:focus-visible{background:#9eb7d315;border-color:#a5b8ca24;outline:none}
.fx-private-profile-dropdown .fxp-linkrow>svg:last-child{width:14px;height:14px;color:#8795a8}
.fx-private-profile-dropdown .fxp-rowicon{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1px solid #8c9cad28;border-radius:10px;background:#222a35;color:#c8d5e5}
.fx-private-profile-dropdown .fxp-tiktok{color:#ebf3fa;background:#1a2330}
.fx-private-profile-dropdown .fxp-whatsapp{color:#8ee1b1;background:#1631246e}
.fx-private-profile-dropdown .fxp-rowtext{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.fx-private-profile-dropdown .fxp-rowtext strong{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-private-profile-dropdown .fxp-rowtext small{color:#919daf;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-private-profile-dropdown .fxp-bonus{flex:none;border-radius:7px;padding:4px 6px;border:1px solid rgba(92,225,157,.43);background:rgba(25,99,71,.27);color:#99ecc0;font-size:9px;font-weight:850;letter-spacing:.015em}
.fx-private-profile-dropdown .fxp-bonus.claimed{color:#a1adbd;background:rgba(127,142,162,.12);border-color:rgba(151,165,187,.24)}
.fx-private-profile-dropdown .fxp-bonus.is-visit,.fx-private-profile-dropdown .fxp-bonus.is-loading{color:#b8c6d5;background:rgba(160,180,207,.09);border-color:rgba(160,180,207,.21)}
.fx-private-profile-dropdown .fxp-claim-note{color:#7e8b9d;font-size:9.5px;line-height:1.45;padding:5px 6px 2px}
.fx-private-profile-dropdown .fxp-rule{border-top:1px solid #a8b9cb1f;margin:11px 3px 8px}
.fx-private-profile-dropdown .fxp-tiktok-connect.account-tiktok{border:0;background:transparent;margin:0;padding:6px 9px;border-radius:11px;gap:8px;flex-wrap:wrap;justify-content:space-between}
.fx-private-profile-dropdown .fxp-tiktok-connect.account-tiktok:not(.hidden){display:flex}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-identity{flex:1;min-width:0;gap:9px}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-copy strong{font-size:12px}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-copy small{font-size:9.5px}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-action{font-size:9px;min-height:32px;padding:7px 9px;max-width:132px;border:1px solid #a4b4c93f;background:#a5bbd515;color:#dce7f6;border-radius:9px;font-weight:800;cursor:pointer}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-action.is-disconnect{color:#e1b0b0;border-color:#c67f7f40}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-action:disabled{opacity:.62;cursor:not-allowed}
.fx-private-profile-dropdown .fxp-tiktok-connect .account-tiktok-feedback{flex-basis:100%;line-height:1.4;font-size:9.5px}
.fx-private-profile-dropdown .fxp-manage{margin-top:2px;background:#9cabc50b;border-color:#8292a724}
.fx-private-profile-dropdown .fxp-provider-note{color:#8e9bad;font-size:10px;padding:8px 10px 4px}
.fx-private-profile-dropdown .fxp-bottom-rule{margin-top:8px;margin-bottom:3px}
.fx-private-profile-dropdown .fxp-logout{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:11px;padding:11px 10px;background:transparent;color:#dce4ef;cursor:pointer;font-size:12px;font-weight:800;text-align:left}
.fx-private-profile-dropdown .fxp-logout span{flex:1}
.fx-private-profile-dropdown .fxp-logout svg:last-child{color:#8190a4;width:15px;height:15px}
.fx-private-profile-dropdown .fxp-logout:hover,.fx-private-profile-dropdown .fxp-logout:focus-visible{background:#ffffff12;outline:none}
body.fx-private-profile-pilot .fx-private-profile-trigger{min-height:39px;padding:3px 9px 3px 4px;border:1px solid #889aa836;border-radius:999px;background:linear-gradient(140deg,#29313d99,#10161eaa);box-shadow:inset 0 1px #ffffff0a}
body.fx-private-profile-pilot .fx-private-profile-trigger:hover{border-color:#aebed169;background:#27303dad}
body.fx-private-profile-pilot .fx-private-profile-trigger .account-chevron{display:inline-flex;margin-right:4px}
body.fx-private-profile-pilot .fx-private-profile-trigger .user-text small{font-size:9px;letter-spacing:.06em;color:#a9b9cf}
@media (max-width:760px){
  body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{width:min(346px,calc(100vw - 22px));right:-2px;top:calc(100% + 10px);padding:11px;max-height:calc(100dvh - 90px);border-radius:19px}
  body.fx-private-profile-pilot .fx-private-profile-trigger .user-text{display:flex;max-width:94px}
  body.fx-private-profile-pilot .fx-private-profile-trigger .user-text strong{font-size:10px}
  body.fx-private-profile-pilot .fx-private-profile-trigger .user-text small{font-size:8px}
  body.fx-private-profile-pilot .fx-private-profile-trigger{max-width:173px}
}
@media (max-width:370px){
  body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{right:-1px}
  body.fx-private-profile-pilot .fx-private-profile-trigger .user-text{max-width:74px}
  .fx-private-profile-dropdown .fxp-rowicon{width:29px;min-width:29px;height:29px}
  .fx-private-profile-dropdown .fxp-linkrow{gap:7px;padding:6px}
}

/* Brand-icon alignment for the private profile pilot (desktop + mobile).
   Both marks are bundled inline; no external SVG/image requests. */
.fx-private-profile-dropdown .fxp-rowicon.fxp-tiktok {
  background:#090e14;
  border-color:rgba(153,175,203,.28);
}
.fx-private-profile-dropdown .fxp-rowicon.fxp-telegram {
  background:linear-gradient(145deg,#279ed5,#187eb6);
  border-color:rgba(84,198,255,.55);
  box-shadow:inset 0 1px rgba(255,255,255,.15);
}
.fx-private-profile-dropdown .fxp-rowicon.fxp-whatsapp {
  background:rgba(14,50,31,.54);
  border-color:rgba(37,211,102,.27);
}
.fx-private-profile-dropdown .fxp-rowicon .fxp-brand-logo {
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  overflow:visible;
}


/* Mobile-only footprint: a consistent compact account popover rather than
   a nearly full-screen panel. Desktop/tablet >=761px is unchanged.
   All content remains scrollable, including Log out and TikTok actions. */
@media (max-width:760px){
  body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{
    box-sizing:border-box;
    width:min(318px,calc(100vw - 28px));
    max-width:318px;
    max-height:min(550px,68dvh,calc(100dvh - 180px));
    right:0;
    top:calc(100% + 9px);
    padding:9px;
    border-radius:16px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .fx-private-profile-dropdown .fxp-head{gap:8px;padding:3px 3px 9px}
  .fx-private-profile-dropdown .fxp-avatar{width:35px;height:35px;min-width:35px;font-size:15px}
  .fx-private-profile-dropdown .fxp-plan{
    padding:9px 11px;margin-bottom:7px;border-radius:12px
  }
  .fx-private-profile-dropdown .fxp-balance{
    padding:9px 11px 8px;margin-bottom:9px;border-radius:12px
  }
  .fx-private-profile-dropdown .fxp-balance-line{margin:5px 0 7px}
  .fx-private-profile-dropdown .fxp-balance-line strong{font-size:26px}
  .fx-private-profile-dropdown .fxp-reset{padding-top:8px}
  .fx-private-profile-dropdown .fxp-section-head{margin-bottom:4px}
  .fx-private-profile-dropdown .fxp-linkrow{
    min-height:43px;gap:7px;padding:5px 7px
  }
  .fx-private-profile-dropdown .fxp-channels .fxp-linkrow{min-height:39px;padding:4px 7px}
  .fx-private-profile-dropdown .fxp-rowicon{
    width:29px;height:29px;min-width:29px;border-radius:9px
  }
  .fx-private-profile-dropdown .fxp-rule{margin:7px 3px 6px}
  .fx-private-profile-dropdown .fxp-claim-note{padding:3px 5px 1px}
  .fx-private-profile-dropdown .fxp-tiktok-connect.account-tiktok{
    padding:4px 6px;gap:6px
  }
  .fx-private-profile-dropdown .fxp-logout{padding:8px 8px}
}
@media (max-width:370px){
  body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{
    width:min(302px,calc(100vw - 22px));
    right:-36px;
  }
}


/* No-scroll account menu on phones: show every row, including Log out.
   Shrink the visual menu only when actual viewport height requires it.
   Breakpoints >=761px intentionally retain the existing desktop dropdown. */
@media (max-width:760px){
  body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown{
    height:auto;
    max-height:none;
    min-height:0;
    overflow:visible;
    overflow-x:visible;
    overflow-y:visible;
    scrollbar-width:none;
    transform-origin:top right;
    transform:scale(var(--fxp-mobile-fit-scale,1));
  }
}

/* One-time social credit animation now lands on the account profile. */
body.fx-private-profile-pilot #accountMenuBtn.fx-credit-reward-hit {
  animation: fxProfileCreditRewardHit .85s cubic-bezier(.17,.78,.25,1) both;
}
@keyframes fxProfileCreditRewardHit {
  0% {
    transform: scale(1);
    border-color: rgba(136,154,168,.22);
    box-shadow: inset 0 1px rgba(255,255,255,.04);
  }
  32% {
    transform: scale(1.055);
    border-color: rgba(127,255,225,.92);
    box-shadow: 0 0 0 3px rgba(74,239,208,.12), 0 0 24px rgba(67,239,211,.40), inset 0 0 14px rgba(100,245,223,.16);
  }
  63% {
    transform: scale(1.025);
    border-color: rgba(100,225,206,.65);
    box-shadow: 0 0 0 5px rgba(74,239,208,.05), 0 0 18px rgba(67,239,211,.20);
  }
  100% {
    transform: scale(1);
    border-color: rgba(136,154,168,.22);
    box-shadow: inset 0 1px rgba(255,255,255,.04);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.fx-private-profile-pilot #accountMenuBtn.fx-credit-reward-hit {
    animation: none;
    border-color: rgba(127,255,225,.92);
    box-shadow: 0 0 17px rgba(67,239,211,.28);
  }
}

/* Keep profile TikTok and logout both visible, without dropdown scrolling,
   on desktop, mobile, and short browser viewports. */
body.fx-private-profile-pilot #accountDropdown.fx-private-profile-dropdown {
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
  overflow-x:visible;
  overflow-y:visible;
  scrollbar-width:none;
  transform-origin:top right;
  transform:scale(var(--fxp-mobile-fit-scale, 1));
}
body.fx-private-profile-pilot .fx-private-profile-dropdown .fxp-tiktok-connect.account-tiktok {
  padding:5px 7px;
  gap:6px;
}
body.fx-private-profile-pilot .fx-private-profile-dropdown .fxp-tiktok-connect.account-tiktok:not(.hidden) {
  display:flex;
}