*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--cyan:#18c8ff;--blue:#1677ff;--violet:#7157ff;--purple:#9b3cff;--magenta:#ed21d6;--brand:linear-gradient(110deg,var(--cyan),var(--blue) 30%,var(--violet) 58%,var(--purple) 78%,var(--magenta));--ink:#11131b;--muted:#74798b;--line:#e9eaf0;--surface:#fff;--bg:#f5f6fa}body{margin:0;background:var(--bg);color:var(--ink);font:15px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:74px;padding:0 max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#0c0e17;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:900}.brand img{width:45px;height:45px;border-radius:13px}.brand span{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.top-actions{display:flex;align-items:center;gap:8px}.top-buy,.logout,.refresh,.new-order,.refill{border:0;text-decoration:none;cursor:pointer;font:inherit;font-weight:800}.top-buy{color:#fff;background:#ffffff12;padding:10px 14px;border-radius:11px}.logout{color:#cbd0df;background:transparent;padding:10px}.topbar button:hover,.topbar a:hover{filter:brightness(1.08)}main{max-width:1180px;margin:auto;padding:28px 20px 110px}.account-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 10%,#ed21d65e,transparent 28%),radial-gradient(circle at 15% 90%,#18c8ff55,transparent 32%),linear-gradient(120deg,#0b74e7,#624ce9 55%,#b233df)}.account-hero:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff24;border-radius:50%;right:-70px;bottom:-150px}.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.16em;color:#7054e8}.account-hero .eyebrow{color:#fff9}.account-hero h1{font-size:31px;line-height:1.08;margin:6px 0 7px}.account-hero p{margin:0;color:#ffffffd6}.new-order{position:relative;z-index:1;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#6048df;background:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 8px 24px #17164b28}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stats article{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 3px 14px #11182708}.stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:linear-gradient(135deg,#ecfbff,#f8efff);color:#684de8;font-size:18px;font-weight:900}.stats small{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font-size:24px;margin-top:2px}.panel{border:1px solid var(--line);border-radius:21px;background:#fff;padding:21px;box-shadow:0 4px 18px #11182708}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:16px}.panelhead h2{font-size:22px;margin:4px 0 2px}.panelhead p{margin:0;color:var(--muted);font-size:12px}.refresh{display:flex;align-items:center;gap:6px;color:#6148df;background:#f2efff;padding:10px 13px;border-radius:10px}.status-legend{display:flex;flex-wrap:wrap;gap:13px;margin:17px 0 4px;padding-top:14px;border-top:1px solid #f0f0f3;color:#777d8d;font-size:10px}.status-legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:#aaa}.dot.processing{background:#2aa7ff}.dot.completed{background:#23c987}.dot.warranty-dot{background:#8b55ee}.order{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;transition:.2s}.order:hover{border-color:#dcd8fb;box-shadow:0 5px 18px #684de80c}.order-top{display:flex;justify-content:space-between;gap:12px}.order-id{display:flex;align-items:center;gap:7px;margin-bottom:5px}.order-id small{color:#8a8fa0;font-weight:800}.order h3{margin:0 0 6px;font-size:15px}.order-meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#777d8d;font-size:11px}.order-meta span{display:flex;align-items:center;gap:4px}.status{font-size:10px;font-weight:900;padding:7px 9px;border-radius:99px;background:#f1f2f5;color:#646a78;height:max-content;white-space:nowrap}.status.completed{background:#eafaf3;color:#139a64}.status.processing,.status.paid{background:#eaf6ff;color:#1888d4}.status.pending{background:#fff6df;color:#a66b00}.status.cancelled,.status.refunded{background:#fff0f2;color:#ca4555}.warranty{margin-top:12px;padding:12px;border:1px solid #e6ddff;border-radius:12px;background:linear-gradient(135deg,#fbfaff,#f7fcff)}.warranty-head{display:flex;align-items:center;gap:8px}.warranty-badge{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#e9fbff,#f2eaff);color:#704de9}.warranty strong{color:#563fce;font-size:12px}.muted{color:#858a99;font-size:10px;line-height:1.4}.items{margin-top:9px;display:grid;gap:7px}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;background:#fff;border:1px solid #ececf2;border-radius:10px}.item b{font-size:11px}.item-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.refill{background:var(--brand);color:#fff;padding:9px 11px;border-radius:9px;font-size:10px;white-space:nowrap}.refill:disabled{opacity:.42;filter:grayscale(.3)}.empty{text-align:center;padding:48px 10px;color:#8b90a0}.empty strong{display:block;color:#555b69;margin-top:8px}.empty-icon{width:46px;height:46px;margin:auto;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ecfbff,#f8efff);color:#684de8;font-size:20px}.empty a{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;font-size:11px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:11px 15px;background:#141725;color:#fff;border:1px solid #ffffff20;border-radius:11px;display:none;z-index:50;max-width:90%;font-size:12px;box-shadow:0 10px 30px #0003}.client-nav{display:none}
@media(max-width:650px){.topbar{height:68px;padding:0 15px}.brand img{width:42px;height:42px}.brand{font-size:18px}.top-buy{display:none}.logout{font-size:12px;background:#ffffff0b;border:1px solid #ffffff12}main{padding:12px 10px 94px}.account-hero{padding:20px 17px;border-radius:17px;align-items:flex-start;flex-direction:column;gap:16px}.account-hero h1{font-size:25px}.account-hero p{font-size:12px;line-height:1.45}.new-order{width:100%;justify-content:center;padding:11px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.stats article{display:block;padding:11px 8px;text-align:center;border-radius:13px}.stat-icon{width:32px;height:32px;margin:0 auto 6px;display:grid;flex-basis:32px;border-radius:9px;font-size:13px}.stats small{font-size:9px;line-height:1.15;min-height:21px}.stats strong{font-size:20px}.panel{padding:14px 11px;border-radius:17px}.panelhead{align-items:flex-start}.panelhead h2{font-size:19px}.panelhead p{font-size:10px}.refresh{padding:9px;font-size:11px}.refresh span{display:none}.status-legend{gap:9px;margin-top:12px}.order{padding:12px;border-radius:13px}.order h3{font-size:13px}.order-meta{font-size:9px;gap:4px 7px}.status{font-size:8px;padding:6px 7px}.warranty{padding:10px}.item{grid-template-columns:minmax(0,1fr);gap:8px}.item-link{max-width:100%}.refill{width:100%;padding:10px}.client-nav{position:fixed;left:0;right:0;bottom:0;height:72px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e9e9ee;box-shadow:0 -8px 25px #1118270d;padding-bottom:max(3px,env(safe-area-inset-bottom))}.client-nav a,.client-nav button{border:0;background:transparent;color:#898e9b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit}.client-nav span{font-size:19px;line-height:1}.client-nav small{font-size:9px;font-weight:800}.client-nav .active{color:#674ce8}.client-nav .active span{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}}
/* v3.88 - Área do Afiliado */
.affiliate-area{margin:16px 0}.affiliate-store{padding:10px 14px;border-radius:11px;background:var(--brand);color:#fff;text-decoration:none;font-weight:900;font-size:11px}.affiliate-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.affiliate-stats article{padding:16px;border:1px solid #e8e7f2;border-radius:15px;background:linear-gradient(145deg,#fff,#faf9ff)}.affiliate-stats small{display:block;color:#858a99;font-size:10px}.affiliate-stats strong{display:block;font-size:21px;margin-top:5px;color:#4f3dcc}.affiliate-block{border:1px solid #ecebf2;border-radius:16px;padding:15px;margin-top:12px;background:#fff}.affiliate-title h3{margin:0;font-size:15px}.affiliate-title span{font-size:10px;color:#8a8fa0}.affiliate-products{display:grid;gap:8px;margin-top:12px}.affiliate-product{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#f8f7fd}.affiliate-product b,.affiliate-product small{display:block}.affiliate-product small{color:#858a99;margin-top:3px}.affiliate-link{grid-column:1/-1;display:flex;gap:6px}.affiliate-link input,.withdraw-box input{min-width:0;flex:1;border:1px solid #deddea;border-radius:9px;padding:10px;background:#fff}.affiliate-link button,.withdraw-box button{border:0;border-radius:9px;padding:10px 13px;background:var(--brand);color:#fff;font-weight:900;cursor:pointer}.affiliate-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.affiliate-list{display:grid;gap:7px;margin-top:12px}.affiliate-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;background:#f8f8fb;font-size:10px}.affiliate-row b{display:block;font-size:11px}.affiliate-row span{text-align:right}.aff-status{font-weight:900}.withdraw-box{display:flex;gap:7px;margin-top:12px}
@media(max-width:650px){.affiliate-stats{grid-template-columns:repeat(2,1fr);gap:6px}.affiliate-stats article{padding:12px}.affiliate-stats strong{font-size:18px}.affiliate-grid{grid-template-columns:1fr}.affiliate-product{grid-template-columns:1fr}.affiliate-link{grid-column:1}.withdraw-box{flex-direction:column}.withdraw-box button{width:100%}.affiliate-area .panelhead{display:flex}.affiliate-store{white-space:nowrap;padding:9px 10px}}

/* v3.95 — rolagem interna na área do afiliado */
#affiliateProducts.affiliate-products,
#affiliateCommissions.affiliate-list,
#affiliateWithdrawals.affiliate-list{
  max-height:420px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#765cff #f1eff8;
  padding-right:5px;
  -webkit-overflow-scrolling:touch;
}
#affiliateProducts::-webkit-scrollbar,
#affiliateCommissions::-webkit-scrollbar,
#affiliateWithdrawals::-webkit-scrollbar{width:6px}
#affiliateProducts::-webkit-scrollbar-track,
#affiliateCommissions::-webkit-scrollbar-track,
#affiliateWithdrawals::-webkit-scrollbar-track{background:#f1eff8;border-radius:10px}
#affiliateProducts::-webkit-scrollbar-thumb,
#affiliateCommissions::-webkit-scrollbar-thumb,
#affiliateWithdrawals::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#19c8ef,#765cff,#e12bd0);border-radius:10px}
@media(max-width:720px){
 #affiliateProducts.affiliate-products{max-height:430px}
 #affiliateCommissions.affiliate-list{max-height:360px}
 #affiliateWithdrawals.affiliate-list{max-height:300px}
}

/* v3.96 — Meus produtos afiliados organizados por rede e serviço */
.aff-network-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:none;position:sticky;top:0;background:#fff;z-index:2}.aff-network-tabs::-webkit-scrollbar{display:none}.aff-network-tab{flex:0 0 auto;border:1px solid #e4e1f2;background:#faf9ff;color:#696d7b;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;text-transform:capitalize;cursor:pointer}.aff-network-tab.active{color:#fff;border-color:transparent;background:var(--brand);box-shadow:0 5px 14px #7257ff22}.aff-network-panel{display:none}.aff-network-panel.active{display:block}.aff-service-group{border:1px solid #ebe9f4;border-radius:12px;background:#fbfaff;margin-bottom:8px;overflow:hidden}.aff-service-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer}.aff-service-group summary::-webkit-details-marker{display:none}.aff-service-group summary span{min-width:0}.aff-service-group summary b{display:block;font-size:12px;color:#222533}.aff-service-group summary small{display:block;color:#8b90a0;font-size:9px;margin-top:2px}.aff-service-group summary i{font-style:normal;color:#7357e8;font-size:16px;transition:.2s}.aff-service-group[open] summary i{transform:rotate(180deg)}.aff-service-products{display:grid;gap:7px;padding:0 8px 8px}.aff-service-products .affiliate-product{margin:0;background:#fff;border:1px solid #eeedf5;padding:10px}.aff-service-products .affiliate-link input{font-size:10px}.aff-service-products .affiliate-link button{padding:9px 11px;font-size:10px}
@media(max-width:650px){#affiliateProducts.affiliate-products{max-height:460px}.aff-network-tabs{top:-1px}.aff-service-group summary{padding:10px}.aff-service-products{padding:0 6px 6px}.aff-service-products .affiliate-product{padding:9px}}

/* v4.00 — organização profissional dos produtos afiliados */
.aff-network-tab{display:flex;align-items:center;gap:7px}.aff-network-tab small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eeebfa;color:#6b5bd4;font-size:9px}.aff-network-tab.active small{background:#ffffff2e;color:#fff}.aff-network-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px 10px}.aff-network-heading b{font-size:14px}.aff-network-heading span{font-size:9px;color:#8b90a0}.aff-product-info small strong{display:inline;color:#674ce8}.aff-service-group[open]{border-color:#ddd8f8;box-shadow:0 5px 18px #624ce90a}.aff-service-group summary:hover{background:#f7f5ff}
@media(max-width:650px){.aff-network-tabs{padding-bottom:10px}.aff-network-tab{padding:8px 10px;font-size:10px}.aff-network-heading{position:sticky;top:47px;z-index:1;background:#fff;padding:8px 2px}.aff-service-products .affiliate-link{display:grid;grid-template-columns:minmax(0,1fr) auto}.aff-service-products .affiliate-link input{width:100%;font-size:9px}.aff-service-products .affiliate-link button{min-width:70px}.aff-product-info b{font-size:13px}}

/* BoostFama 4.08.6 — tema cinza global da área do cliente */
:root{--surface:#e8eaee;--bg:#dde0e5;--line:#cfd2da;--ink:#24262d;--muted:#747782}
html,body{background:var(--bg)!important;color:var(--ink)!important}
main{background:transparent!important}
.stats article,.panel,.order,.item,.affiliate-block,.affiliate-stats article,.affiliate-product,.affiliate-row,.affiliate-link input,.withdraw-box input,.aff-network-heading,.aff-service-group,.client-nav{
  background:#e8eaee!important;border-color:#cfd2da!important;color:#24262d!important;
}
.stats article,.panel,.order,.affiliate-block,.affiliate-stats article{box-shadow:0 5px 18px rgba(35,36,48,.06)!important}
.stat-icon,.empty-icon,.warranty-badge{background:linear-gradient(135deg,#dfe8ec,#e4deef)!important}
.refresh{background:#ddd9ec!important;color:#6048c0!important}
.status-legend{border-top-color:#cfd2da!important}
.order:hover{border-color:#bdb6dc!important}
.warranty{background:linear-gradient(135deg,#e8e4f0,#dfe8eb)!important;border-color:#c9c2df!important}
.item{border-color:#d0d3da!important}
.affiliate-product,.affiliate-row{background:#dfe1e7!important}
.affiliate-link input,.withdraw-box input{color:#24262d!important;-webkit-text-fill-color:#24262d!important}
.affiliate-link input::placeholder,.withdraw-box input::placeholder{color:#7d8089!important;opacity:1!important}
.client-nav{border-top:1px solid #cfd2da!important;box-shadow:0 -8px 25px rgba(35,36,48,.10)!important}
.new-order{background:#e9e6f3!important;color:#6048c0!important}
@media(max-width:650px){.client-nav{background:#e8eaee!important}}


/* BoostFama 4.08.7 — varredura final da área do cliente/afiliado */
:root{--surface:#e8eaee;--surface2:#dfe2e8;--surface3:#d7dbe2;--bg:#dde0e5;--line:#cfd2da;--ink:#24262d;--muted:#747782}
html,body,main{background:var(--bg)!important;color:var(--ink)!important}

.stats article,.panel,.order,.item,.affiliate-block,.affiliate-stats article,.affiliate-product,.affiliate-row,.affiliate-link input,.withdraw-box input,.aff-network-heading,.aff-service-group,.client-nav,.aff-group-host,.aff-network-panel{
  background:linear-gradient(145deg,var(--surface),var(--surface2))!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
}
.affiliate-product,.affiliate-row,.aff-service-products .affiliate-product{background:var(--surface2)!important;border-color:var(--line)!important}
.aff-network-tabs,.aff-network-heading{background:var(--surface)!important}
.aff-network-tab{
  background:linear-gradient(145deg,var(--surface2),var(--surface))!important;
  border-color:var(--line)!important;
  color:#616672!important;
}
.aff-network-tab small{background:#e1ddf1!important;color:#6b5bd4!important}
.aff-network-tab.active{background:linear-gradient(110deg,#18c8ff,#1677ff 30%,#7157ff 58%,#9b3cff 78%,#ed21d6)!important;color:#fff!important;border-color:transparent!important}
.aff-network-tab.active small{background:#ffffff2e!important;color:#fff!important}
.aff-service-group{background:linear-gradient(145deg,var(--surface),var(--surface2))!important}
.aff-service-group summary{background:transparent!important}
.aff-service-group summary b,.aff-network-heading b,.affiliate-title h3,.panelhead h2,.stats strong,.affiliate-stats strong{color:var(--ink)!important}
.aff-service-group summary small,.aff-network-heading span,.affiliate-title span,.panelhead p,.stats small,.muted,.empty,.empty strong,.affiliate-product small,.affiliate-row small,.aff-status{color:var(--muted)!important}
.affiliate-link input,.withdraw-box input{background:var(--surface3)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;border-color:#c6cad3!important}
.affiliate-link input::placeholder,.withdraw-box input::placeholder{color:#7d8089!important;opacity:1!important}
.client-nav{background:linear-gradient(180deg,#e9ebef,#e1e3e8)!important;border-top:1px solid var(--line)!important}
@media(max-width:650px){
  .aff-network-heading{top:47px;background:var(--surface)!important}
  .client-nav{background:linear-gradient(180deg,#e9ebef,#e1e3e8)!important}
}
