/* SouPrimeiroAC · Build 2533
 * Redesign isolado da Conta: mantém os módulos atuais e seus IDs / listeners / operações reais.
 * Mobile-first, contraste amarelo/preto, cabeçalhos estáticos, sem interceptar ações.
 */
#contaView{--acv-bg:#0d1015;--acv-panel:#1b2028;--acv-panel-2:#242a34;--acv-line:#39414c;--acv-yellow:#ffd400;--acv-text:#f5f6f8;--acv-muted:#afb7c3;min-width:0;max-width:100%;color:var(--acv-text)}
#contaView .account-v5-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px!important;min-width:0;position:static!important}
#contaView .account-v5-head>div{min-width:0}
#contaView .account-v5-head .eyebrow{font-size:10px;font-weight:900;color:var(--acv-yellow);letter-spacing:.10em;margin:0 0 5px}
#contaView .account-v5-head h3{font-size:clamp(22px,4.5vw,31px);line-height:1.14;letter-spacing:-.035em;margin:0 0 7px;color:var(--acv-text)}
#contaView .account-v5-head p:not(.eyebrow){font-size:12px;line-height:1.5;margin:0;max-width:600px;color:var(--acv-muted)}
#contaView .account-v5-back{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 13px;border:1px solid var(--acv-line);border-radius:11px;color:#e9edf2;background:#222831;font-size:12px;font-weight:800;cursor:pointer}
#contaView .account-v5-back span{font-size:18px;line-height:1}
#contaView .account-v5-back:hover{border-color:var(--acv-yellow)}
#contaView .account-v5-home{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;max-width:1040px;margin:0 auto;padding-bottom:24px}
#contaView .account-v5-identity{padding:18px;border-radius:19px;border:1px solid #394550;background:linear-gradient(120deg,#1b232c,#121820 85%);box-shadow:inset 0 1px #ffffff10;min-width:0}
#contaView .account-v5-identity-top{display:flex;align-items:center;gap:13px;min-width:0}
#contaView .account-v5-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;border:3px solid var(--acv-yellow);background:#ffd400;color:#111;font-size:21px;font-weight:900;overflow:hidden;aspect-ratio:1}
#contaView .account-v5-avatar img{width:100%;height:100%;object-fit:cover}
#contaView .account-v5-identity-name{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
#contaView .account-v5-eyebrow{color:var(--acv-yellow);font-size:9px;font-weight:900;letter-spacing:.10em}
#contaView .account-v5-identity-name>strong{color:#fff;font-size:clamp(15px,3vw,19px);font-weight:900;overflow-wrap:anywhere;line-height:1.22}
#contaView .account-v5-identity-name>small{font-size:11px;color:#c9d1db;line-height:1.28}
#contaView .account-v5-plan{display:inline-flex;margin-top:4px;border:0;border-radius:25px;padding:5px 11px;color:#111!important;-webkit-text-fill-color:#111!important;font-size:11px;font-weight:900;line-height:1.2;background:var(--acv-yellow)}
#contaView .account-v5-edit{flex:0 0 auto;align-self:flex-start;width:35px;height:35px;border-radius:9px;border:1px solid #49525d;background:#222b37;color:#fff;cursor:pointer;font-size:19px}
#contaView .account-v5-storage{margin-top:16px;border:1px solid #3b4550;border-radius:13px;padding:12px;background:#10151b;min-width:0}
#contaView .account-v5-meter-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11px;color:#b9c3ce}
#contaView .account-v5-meter-top strong{font-size:11px;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
#contaView .account-v5-meter{height:7px;border-radius:99px;background:#37414d;overflow:hidden}
#contaView .account-v5-meter i{height:100%;display:block;background:var(--acv-yellow);border-radius:inherit;width:0;transition:width .2s}
#contaView .account-v5-section-caption{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:6px}
#contaView .account-v5-section-caption h4{font-size:15px;margin:0;color:#fff}
#contaView .account-v5-section-caption>span{font-size:10px;color:#929dac}
#contaView .account-v5-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
#contaView .account-v5-quick{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:143px;padding:13px;border-radius:15px;background:var(--acv-panel);border:1px solid var(--acv-line);color:#fff;box-shadow:inset 0 1px #ffffff09;cursor:pointer;transition:border-color .16s,transform .16s}
#contaView .account-v5-quick:hover{border-color:#b9961e;transform:translateY(-1px)}
#contaView .account-v5-quick:focus-visible,#contaView .account-v5-files-link:focus-visible{outline:2px solid var(--acv-yellow);outline-offset:3px}
#contaView .account-v5-quick-head{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:9px}
#contaView .account-v5-quick-icon{display:grid;place-items:center;border-radius:10px;width:39px;height:39px;background:var(--acv-yellow);font-size:23px;font-weight:900;color:#111!important;-webkit-text-fill-color:#111!important}
#contaView .account-v5-quick-arrow{color:#a6afbb;font-size:21px;line-height:1}
#contaView .account-v5-quick>strong{font-size:13px;line-height:1.22;font-weight:900;color:#fff}
#contaView .account-v5-quick>small{display:block;font-size:10.5px;line-height:1.4;color:#b6c0cb;margin-top:5px;overflow-wrap:anywhere}
#contaView .account-v5-files-link{display:flex;align-items:center;min-width:0;gap:12px;width:100%;border:1px solid var(--acv-line);border-radius:15px;background:var(--acv-panel);padding:12px 14px;color:#fff;text-align:left;cursor:pointer}
#contaView .account-v5-files-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#2f3743;border-radius:10px;color:var(--acv-yellow);font-size:23px}
#contaView .account-v5-files-link>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#contaView .account-v5-files-link strong{color:#fff;font-size:13px}
#contaView .account-v5-files-link small{color:#abb6c4;font-size:10.5px}
#contaView .account-v5-files-link>b{font-size:24px;color:#aab2be}
#contaView .account-v5-overview-status{padding:14px 16px;border:1px solid #38404a;border-radius:15px;background:linear-gradient(100deg,#191e25,#11151a)}
#contaView .account-v5-status-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}
#contaView .account-v5-status-head>span{color:var(--acv-yellow)}
#contaView .account-v5-overview-status p{font-size:11px;color:#b3bdc9;margin:7px 0 10px;line-height:1.52}
#contaView .account-v5-overview-status button{font-weight:800;font-size:11px;font-family:inherit;color:var(--acv-yellow);border:0;background:none;padding:0;cursor:pointer;text-align:left}
#contaView .account-v5-overview-status button span{margin-left:6px}
#contaView.account-home-open .account-section-tabs{display:none!important}
/* Tabs compactas só nas páginas internas. */
#contaView:not(.account-home-open) .account-section-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:1040px;gap:5px;padding:5px!important;margin:0 auto 16px;border:1px solid var(--acv-line);background:#151a20;border-radius:14px;box-sizing:border-box}
#contaView:not(.account-home-open) .account-section-tab{display:flex;align-items:center;justify-content:center;flex:none!important;min-width:0!important;width:100%;padding:10px 4px!important;min-height:42px;border-radius:10px;font-size:11px!important;font-weight:750!important;line-height:1.25;white-space:normal!important;color:#c1cad4;background:transparent}
#contaView:not(.account-home-open) .account-section-tab.active{background:var(--acv-yellow)!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:var(--acv-yellow)!important}
/* Painéis atuais, preservando IDs, campos e botões de negócio. */
#contaView #accountProfilePanel,#contaView #accountAcademyPanel,#contaView #accountPatchesPanel,#contaView #accountOfflinePanel,#contaView #accountFilesPanel{max-width:1100px;margin-inline:auto;min-width:0}
#contaView #accountProfilePanel>.grid-two{gap:12px;margin-bottom:13px}
#contaView #accountProfilePanel .panel{min-width:0;padding:18px;border:1px solid #39414c;border-radius:17px;background:#1b2028;color:#f5f6f8;box-shadow:inset 0 1px #ffffff08}
#contaView #accountProfilePanel .panel .eyebrow{color:var(--acv-yellow);font-size:10px;letter-spacing:.1em}
#contaView #accountProfilePanel .panel h3{font-size:clamp(16px,2vw,20px);line-height:1.25;margin:5px 0 9px;color:#f5f6f8}
#contaView #accountProfilePanel .panel input:not([type=checkbox]),#contaView #accountProfilePanel .panel select,#contaView #accountProfilePanel .panel textarea{min-width:0;max-width:100%;box-sizing:border-box;color:#fff;background:#0d1015;border:1px solid #3d4652;border-radius:10px;padding:10px 12px;min-height:42px}
#contaView #accountProfilePanel .panel input:-webkit-autofill,#contaView #accountProfilePanel .panel input:-webkit-autofill:hover{box-shadow:0 0 0 1000px #0d1015 inset!important;-webkit-text-fill-color:#fff!important}
#contaView #accountProfilePanel .btn-primary{background:var(--acv-yellow);color:#111;-webkit-text-fill-color:#111;font-weight:850;border-radius:10px}
#contaView #accountProfilePanel .yellow-badge{background:var(--acv-yellow)!important;color:#111!important;-webkit-text-fill-color:#111!important}
#contaView #accountProfilePanel .yellow-badge *{color:#111!important;-webkit-text-fill-color:#111!important}
#contaView #accountProfilePanel .account-profile-fields{grid-template-columns:minmax(0,1fr);gap:10px}
#contaView #accountProfilePanel .account-demographics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#contaView #accountAcademyPanel .academy-hero{border-color:var(--acv-line);background:linear-gradient(135deg,#1b2129,#10141a);border-radius:17px}
#contaView #accountAcademyPanel .academy-module,#contaView #accountAcademyPanel .academy-lesson,#contaView #accountAcademyPanel .academy-patch-reward,#contaView #accountAcademyPanel .academy-promise{border-radius:16px;border-color:var(--acv-line)}
#contaView #accountAcademyPanel .academy-lesson .btn-primary{color:#111!important;-webkit-text-fill-color:#111!important}
#contaView #accountPatchesPanel{border-radius:18px;background:#11151b;border:1px solid #3c424c}
#contaView #accountOfflinePanel{background:#0c1015;min-width:0;border-radius:16px}
#contaView #accountOfflinePanel button.btn-primary,#contaView #accountOfflinePanel .btn-primary{color:#111!important;-webkit-text-fill-color:#111!important}
#contaView #accountFilesPanel{background:#131820;border:1px solid var(--acv-line);border-radius:17px;padding:14px}
#contaView #accountFilesPanel .af-hero h3{color:#fff}
#contaView #accountFilesPanel input,#contaView #accountFilesPanel select{background:#10141a!important;color:#fff!important;border-color:#3f4853!important}
@media(min-width:760px){#contaView .account-v5-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#contaView .account-v5-home{gap:18px}#contaView .account-v5-quick{min-height:158px;padding:18px}#contaView .account-v5-quick>strong{font-size:15px}#contaView .account-v5-quick>small{font-size:12px}#contaView .account-v5-identity{padding:23px}}
@media(max-width:640px){#contaView .account-v5-identity{padding:13px}#contaView .account-v5-avatar{flex-basis:52px;width:52px;height:52px;font-size:17px}#contaView .account-v5-head{align-items:flex-start}#contaView .account-v5-back{min-height:36px;font-size:11px;padding:7px 9px}#contaView .account-v5-quick{min-height:136px;padding:12px}#contaView:not(.account-home-open) .account-section-tabs{gap:3px;padding:4px!important}#contaView:not(.account-home-open) .account-section-tab{min-height:42px;font-size:10px!important;padding:8px 2px!important}#contaView #accountProfilePanel>.grid-two{grid-template-columns:minmax(0,1fr)}#contaView #accountProfilePanel .panel{padding:13px}#contaView #accountProfilePanel .account-demographics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#contaView #accountFilesPanel{padding:10px}}
@media(max-width:360px){#contaView .account-v5-quick{padding:10px}#contaView .account-v5-quick>small{font-size:10px}#contaView .account-v5-identity-name>strong{font-size:14px}#contaView .account-v5-section-caption>span{display:none}#contaView:not(.account-home-open) .account-section-tab{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){#contaView .account-v5-quick,#contaView .account-v5-meter i{transition:none}}