/* DistribuiPro 29.2 · Minha conta organizada, atraente e responsiva */
:root{--dpx-navy:#071628;--dpx-navy2:#0b2036;--dpx-teal:#0d3c43;--dpx-green:#16a56d;--dpx-green2:#31de8e;--dpx-ink:#0d1b2d;--dpx-muted:#5f6f84;--dpx-line:#e2e8f0;--dpx-card:#fff;--dpx-bg:#f4f7fb;--dpx-red:#d92d20;--dpx-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.06)}
html.dpx-on body{background:radial-gradient(1200px 500px at 85% -120px,rgba(49,222,142,.10),transparent 60%),var(--dpx-bg)}

/* Ordem visual (o React e os outros módulos continuam donos dos elementos) */
.c-account-main.dpx{display:flex!important;flex-direction:column;gap:18px;max-width:1180px!important;padding-top:26px!important;padding-bottom:96px!important}
.c-account-main.dpx>*{margin-top:0!important;margin-bottom:0!important;min-width:0}
.c-account-main.dpx>.c-account-title{order:1}
.c-account-main.dpx>.dpx-nav{order:2}
.c-account-main.dpx>#dp-installation-support{order:3}
.c-account-main.dpx>.dp-client-top{order:4}
.c-account-main.dpx>div:has(>.c-account-tabs){order:5}
.c-account-main.dpx>#dpx-legal{order:6}
.c-account-main.dpx>#dp-owner-whatsapp{order:7}
.c-account-main.dpx>#dp-account-upsell{order:8}
.c-account-main.dpx>.dp-client-bottom{order:9}
.c-account-main.dpx>#dp-account-security{order:10}
.c-account-main.dpx>.c-account-banner{order:11}

/* Topo */
.dpx .c-account-title{padding:30px 32px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.06)!important;background:linear-gradient(125deg,var(--dpx-navy) 0%,var(--dpx-navy2) 55%,var(--dpx-teal) 100%)!important;box-shadow:0 24px 60px rgba(7,22,40,.22)!important;isolation:isolate}
.dpx .c-account-title:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 220px at 12% 120%,rgba(49,222,142,.18),transparent 70%),radial-gradient(300px 180px at 100% 0,rgba(99,179,255,.14),transparent 70%);animation:dpxGlow 9s ease-in-out infinite alternate}
@keyframes dpxGlow{to{transform:translate3d(-30px,10px,0) scale(1.05)}}
.dpx .c-account-title h1[data-initial]:before{content:attr(data-initial);position:absolute;left:32px;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:0;color:#062016;background:linear-gradient(135deg,var(--dpx-green2),#9df5c9);box-shadow:0 10px 28px rgba(49,222,142,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.dpx .c-account-title:has(h1[data-initial])>div:first-child{padding-left:80px}
.dpx .c-account-title .c-eyebrow[data-greet]:after{content:" · " attr(data-greet);color:#cfe3f3;letter-spacing:.04em;text-transform:none;font-weight:700}
.dpx .c-account-title h1{font-size:clamp(26px,3.4vw,38px)!important}
.dpx .c-account-title p:last-child{font-size:14px!important}

/* Menu de seções */
.dpx-nav{position:sticky;top:10px;z-index:30}
.dpx-nav-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px rgba(15,23,42,.08)}
.dpx-nav-in::-webkit-scrollbar{display:none}
.dpx-nav button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#334155;font:700 13.5px/1 inherit;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,color .2s,transform .2s}
.dpx-nav button[hidden]{display:none}
.dpx-nav button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dpx-nav button:hover{background:#eef3f8;color:var(--dpx-ink)}
.dpx-nav button.on{background:var(--dpx-navy);color:#fff;box-shadow:0 6px 16px rgba(7,22,40,.25)}
.dpx-nav button.on svg{color:var(--dpx-green2)}
.dpx-nav button:focus-visible{outline:2px solid var(--dpx-green);outline-offset:2px}

/* Resumo (o título repetido sai; ficam os números e a licença) */
.dpx .dp-client-overview{display:none!important}
.dpx .dp-client-top{gap:14px!important}
.dpx .dp-account-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.dpx .dp-account-stats>article{position:relative;overflow:hidden;padding:18px!important;border-radius:18px!important;border:1px solid var(--dpx-line)!important;background:var(--dpx-card)!important;box-shadow:var(--dpx-shadow)!important;transition:transform .25s,box-shadow .25s}
.dpx .dp-account-stats>article:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.10)!important}
.dpx .dp-account-stats strong{font-size:26px!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--dpx-ink)!important}
.dpx .dp-account-stats span:not(.dp-stat-icon){font-size:12.5px!important;color:var(--dpx-muted)!important}
.dpx .dp-stat-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(135deg,#e8fbf2,#d4f5e5)!important;color:var(--dpx-green)!important}
.dpx .dp-client-license{border-radius:20px!important;box-shadow:var(--dpx-shadow)!important;position:relative;overflow:hidden}
.dpx .dp-update-alert{border-radius:16px!important}

/* Brilho que segue o mouse */
.dpx .c-download-card,.dpx .dpu-card,.dpx .dp-account-stats>article,.dpx-legal,.dpx .dp-client-license{--mx:50%;--my:-200px}
.dpx .c-download-card:after,.dpx .dpu-card:after,.dpx .dp-account-stats>article:after,.dpx-legal:after,.dpx .dp-client-license:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(49,222,142,.12),transparent 65%);opacity:0;transition:opacity .3s}
.dpx .c-download-card:hover:after,.dpx .dpu-card:hover:after,.dpx .dp-account-stats>article:hover:after,.dpx-legal:hover:after,.dpx .dp-client-license:hover:after{opacity:1}
.dpx-legal:not(.is-ok):after{background:radial-gradient(260px circle at var(--mx) var(--my),rgba(217,45,32,.08),transparent 65%)}

/* Arquivos e pedidos */
.dpx .c-account-tabs{display:inline-flex!important;gap:4px;padding:5px!important;border-radius:14px!important;background:#e9eef5!important;border:0!important;max-width:100%;overflow-x:auto}
.dpx .c-account-tabs button{border-radius:10px!important;font-weight:800!important;transition:background .2s,color .2s,box-shadow .2s}
.dpx .c-account-tabs button[data-state=active]{background:#fff!important;color:var(--dpx-ink)!important;box-shadow:0 4px 14px rgba(15,23,42,.10)!important}
.dpx .c-download-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:16px!important}
.dpx .c-download-card{position:relative;overflow:hidden;border-radius:20px!important;border:1px solid var(--dpx-line)!important;box-shadow:var(--dpx-shadow)!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.dpx .c-download-card:hover{transform:translateY(-4px);border-color:#bfe9d3!important;box-shadow:0 22px 46px rgba(15,23,42,.12)!important}
.dpx .c-download-card .c-file-icon{transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
.dpx .c-download-card:hover .c-file-icon{transform:rotate(-6deg) scale(1.08)}
.dpx .c-download-card .c-primary{position:relative;overflow:hidden}
.dpx .c-order-list article{transition:background .2s}
.dpx .c-order-list article:hover{background:#f8fafc}

/* Aviso de revenda */
.dpx-legal{position:relative;overflow:hidden;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:20px;border:1px solid #f6c7c2;background:linear-gradient(135deg,#fff5f4 0%,#fff 55%);box-shadow:0 12px 32px rgba(217,45,32,.07)}
.dpx-legal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--dpx-red),#f97066)}
.dpx-legal-ic{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--dpx-red);color:#fff;box-shadow:0 10px 24px rgba(217,45,32,.28)}
.dpx-legal-ic svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dpx-legal-tx{min-width:0;position:relative;z-index:1}
.dpx-legal-tx>span{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--dpx-red)}
.dpx-legal-tx h2{margin:4px 0 8px;font-size:clamp(17px,2vw,21px);line-height:1.25;letter-spacing:-.02em;color:#3d0d09}
.dpx-legal-tx p{margin:0;font-size:14px;line-height:1.6;color:#5b2a26}
.dpx-legal-tx ul{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.dpx-legal-tx li{padding:7px 12px;border-radius:999px;background:#fee4e2;color:#912018;font-size:13px}
.dpx-legal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}
.dpx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:var(--dpx-navy);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 10px 24px rgba(7,22,40,.22);transition:transform .2s,box-shadow .2s}
.dpx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(7,22,40,.28)}
.dpx-link{color:#912018!important;font-weight:700;font-size:13.5px}
.dpx-legal.is-ok{border-color:#bfe9d3;background:linear-gradient(135deg,#effbf5,#fff 60%);box-shadow:0 12px 32px rgba(22,165,109,.07)}
.dpx-legal.is-ok:before{background:linear-gradient(var(--dpx-green),var(--dpx-green2))}
.dpx-legal.is-ok .dpx-legal-ic{background:var(--dpx-green);box-shadow:0 10px 24px rgba(22,165,109,.28)}
.dpx-legal.is-ok .dpx-legal-tx>span{color:var(--dpx-green)}
.dpx-legal.is-ok .dpx-legal-tx h2{color:var(--dpx-ink)}.dpx-legal.is-ok .dpx-legal-tx p{color:var(--dpx-muted)}

/* Outros blocos com o mesmo acabamento */
.dpx #dp-account-upsell,.dpx .dp-suggestion-card,.dpx .dp-release-card{border-radius:20px!important}
.dpx .dpu-card{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.dpx .dpu-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.10)}
.dpx .dpu-btn,.dpx .dp-action-primary,.dpx .dp-license-copy-btn,.dpx .dps button,.dpx .dpw-card a{position:relative;overflow:hidden}
.dpx>.c-account-banner{opacity:.92}

/* Destaque ao chegar pelo menu */
.dpx-flash{animation:dpxFlash 1.1s ease}
@keyframes dpxFlash{0%{box-shadow:0 0 0 0 rgba(49,222,142,.55)}100%{box-shadow:0 0 0 14px rgba(49,222,142,0)}}

/* Aparecer ao rolar */
.dpx-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--dpx-d,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--dpx-d,0ms)}
.dpx-reveal.is-in{opacity:1;transform:none}

/* Barra de progresso e efeito de clique */
.dpx-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:2147483000;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--dpx-green),var(--dpx-green2),#63b3ff);pointer-events:none}
.dpx-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);transform:scale(0);animation:dpxRipple .6s ease-out forwards}
@keyframes dpxRipple{to{transform:scale(1);opacity:0}}

/* Responsivo */
@media (max-width:980px){.dpx .dp-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){
  .c-account-main.dpx{gap:14px;padding-left:14px!important;padding-right:14px!important;padding-top:16px!important}
  .dpx .c-account-title{padding:22px 18px!important;border-radius:20px!important;flex-wrap:wrap;gap:14px}
  .dpx .c-account-title h1[data-initial]:before{left:18px;top:22px;transform:none;width:48px;height:48px;font-size:22px;border-radius:14px}
  .dpx .c-account-title:has(h1[data-initial])>div:first-child{padding-left:62px}
  .dpx .c-account-title .c-eyebrow[data-greet]:after{display:block;content:attr(data-greet);margin-top:2px}
  .dpx-nav{top:6px}.dpx-nav button{height:38px;padding:0 12px;font-size:13px}
  .dpx .dp-account-stats{gap:10px!important}.dpx .dp-account-stats>article{padding:14px!important}.dpx .dp-account-stats strong{font-size:22px!important}
  .dpx-legal{flex-direction:column;gap:12px;padding:20px 18px}
  .dpx-btn{width:100%;justify-content:center;text-align:center;padding:10px 14px}
  .dpx .c-download-grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  .dpx .c-account-title:before{animation:none}
  .dpx-reveal{opacity:1!important;transform:none!important;transition:none}
  .dpx *{transition:none!important}
}