/* SouPrimeiroAC · 2534 · Acabamento real das cinco subáreas de Conta.
   Não substitui IDs/handlers/salvamento, não toca na home aprovada. */
#contaView{--ac6-surface:#1b2028;--ac6-soft:#232a34;--ac6-input:#0b0f15;--ac6-border:#3a424d;--ac6-ink:#f5f6f8;--ac6-note:#aeb8c5;--ac6-yellow:#ffd400}
#contaView:not(.account-home-open) .account-v5-head{margin-bottom:15px!important}
#contaView:not(.account-home-open) .account-v5-head h3{letter-spacing:-.04em}
#contaView:not(.account-home-open) .account-section-tabs{background:#171d25!important;border-color:#3e4651!important;border-radius:15px!important;box-shadow:inset 0 1px #ffffff0b}
#contaView:not(.account-home-open) .account-section-tab{transition:background .18s,color .18s}
#contaView:not(.account-home-open) .account-section-tab:not(.active):hover{background:#29313b;color:white}
#contaView:not(.account-home-open) :is(input,textarea,select):focus-visible{outline:2px solid #ffd400!important;outline-offset:1px!important}
#contaView:not(.account-home-open) :is(.btn-primary,.account-section-tab.active){color:#121314!important;-webkit-text-fill-color:#121314!important}
#contaView:not(.account-home-open) :is(.btn-primary,.account-section-tab.active) :is(span,strong,b,small){color:#121314!important;-webkit-text-fill-color:#121314!important}
#contaView:not(.account-home-open) :is(.btn,.account-section-tab):focus-visible{outline:2px solid #ffd400;outline-offset:2px}

/* Minha conta: sessões legíveis, plano destacado e campos compactos. */
#contaView #accountProfilePanel{display:grid;gap:14px}
#contaView #accountProfilePanel.hidden{display:none!important}
#contaView #accountProfilePanel>.grid-two{margin:0!important;gap:14px!important;align-items:stretch}
#contaView #accountProfilePanel .panel{padding:clamp(15px,2.5vw,23px)!important;border:1px solid var(--ac6-border)!important;border-radius:19px!important;background:linear-gradient(150deg,#1d232c,#171c23)!important;box-shadow:inset 0 1px #ffffff0b!important}
#contaView #accountProfilePanel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#contaView #accountProfilePanel .panel .eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:.12em;color:#ffd400!important}
#contaView #accountProfilePanel .panel h3{font-weight:850;font-size:clamp(17px,2.2vw,21px)!important;margin:6px 0 12px!important;letter-spacing:-.025em}
#contaView #accountProfilePanel .panel :is(p,small).muted{color:var(--ac6-note)!important;line-height:1.55;overflow-wrap:anywhere}
#contaView #accountProfilePanel .account-photo-row{margin:0 0 12px}
#contaView #accountProfilePanel .account-photo-row .upload-zone{width:100%;border:1px dashed #626049!important;border-radius:14px!important;padding:15px!important;background:linear-gradient(90deg,#26271e,#171c23)!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
#contaView #accountProfilePanel .account-photo-row .upload-zone strong{padding:8px 12px;border-radius:9px;background:#ffd400;color:#111!important;font-size:12px;white-space:nowrap}
#contaView #accountProfilePanel .account-photo-row .upload-zone span{color:#b7c0cc;font-size:11px;line-height:1.45;flex:1;min-width:135px}
#contaView #accountProfilePanel .account-profile-fields{gap:12px}
#contaView #accountProfilePanel label:not(.terms-row){font-size:12px;font-weight:700;color:#d6dce5;line-height:1.35;min-width:0}
#contaView #accountProfilePanel .form-grid :is(input,select){min-height:44px!important;border-radius:12px!important;background:var(--ac6-input)!important;border-color:#45505b!important;color:#fff!important;font-size:14px!important;max-width:100%!important;box-sizing:border-box!important}
#contaView #accountProfilePanel .form-grid :is(input,select):disabled{opacity:.65}
#contaView #accountProfilePanel .form-grid .account-demographics-grid{gap:9px;min-width:0}
#contaView #accountProfilePanel .account-demographics-grid>label{min-width:0;overflow:hidden}
#contaView #accountProfilePanel input[type=date]{max-width:100%;min-width:0!important;box-sizing:border-box}
#contaView #accountProfilePanel .account-marketing-row{display:flex;align-items:start;gap:9px;margin:0;padding:10px 11px;border:1px solid #3a424b;border-radius:11px;background:#121820;font-size:12px;line-height:1.5}
#contaView #accountProfilePanel .account-marketing-row input{width:18px;height:18px;flex:0 0 18px;accent-color:#ffd400;margin-top:1px}
#contaView #accountProfilePanel .account-push-policy{padding:12px;border-left:3px solid #7c6f24;border-radius:5px 11px 11px 5px;background:#10151b;color:#b6c0cc;line-height:1.55}
#contaView #accountProfilePanel #saveAccountBtn{margin-top:13px;min-height:44px;padding:10px 17px}
#contaView #accountProfilePanel .black-panel{background:linear-gradient(155deg,#28291c 0%,#171d25 44%,#12161c)!important}
#contaView #accountProfilePanel .access-countdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
#contaView #accountProfilePanel .access-countdown-card{min-width:0;border:1px solid #3c464f;background:#121820;border-radius:12px;padding:12px;overflow-wrap:anywhere}
#contaView #accountProfilePanel .access-countdown-card strong{color:#fff;font-size:clamp(14px,2vw,19px)}
#contaView #accountProfilePanel .plan-feature-flags{display:grid;gap:8px;margin-top:14px}
#contaView #accountProfilePanel .plan-feature-flags>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid #373f4a;border-radius:10px;padding:11px 12px;background:#10151c;font-size:12px}
#contaView #accountProfilePanel .plan-feature-flags b{flex:0 0 auto;font-size:11px}
#contaView #accountProfilePanel .subscription-meta-grid{gap:9px}
#contaView #accountProfilePanel .subscription-meta-grid>div{background:#11171e;border:1px solid #39414b;border-radius:12px;padding:13px}
#contaView #accountProfilePanel .referral-link-box,#contaView #accountProfilePanel .coupon-redeem-row{display:flex;align-items:center;gap:8px;min-width:0}
#contaView #accountProfilePanel :is(.referral-link-box,.coupon-redeem-row)>input{flex:1;min-width:0}
#contaView #accountProfilePanel .account-tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
#contaView #accountProfilePanel .account-reset-panel,#contaView #accountProfilePanel .account-privacy-panel{border-color:#49414a!important}
#contaView #accountProfilePanel .btn-danger-outline{min-height:42px;border-radius:11px}

/* Off-line: destaque de segurança, chamadas de ação e progresso verdadeiro. */
#contaView #accountOfflinePanel{padding:0!important;background:transparent!important;border:0!important}
#contaView #accountOfflinePanel .pro-head{position:relative;overflow:hidden;border:1px solid #4e4931!important;border-radius:19px!important;background:radial-gradient(circle at 100% 0,#65501434,transparent 38%),linear-gradient(120deg,#222824,#141a22)!important;padding:clamp(17px,3vw,27px)!important;margin:0 0 12px!important}
#contaView #accountOfflinePanel .pro-head span{color:#ffd400!important;letter-spacing:.12em;font-size:10px;font-weight:850}
#contaView #accountOfflinePanel .pro-head h2{margin:7px 0 6px!important;font-size:clamp(20px,3.6vw,29px)!important;color:#fff;letter-spacing:-.035em}
#contaView #accountOfflinePanel .pro-head p{margin:0;max-width:550px;font-size:12px;color:#c1c8d3;line-height:1.5}
#contaView #accountOfflinePanel .pro-tabs{display:none!important}/* apenas a única aba "Modo offline"; ações reais permanecem abaixo */
#contaView #accountOfflinePanel .pro-feedback{font-size:12px;color:#cfd6df;padding:8px 0;min-height:0}
#contaView #accountOfflinePanel .pro-card{padding:clamp(16px,2.5vw,24px)!important;border:1px solid var(--ac6-border)!important;border-radius:19px!important;background:#1b2028!important;max-width:100%;min-width:0}
#contaView #accountOfflinePanel .pro-card>h3{font-size:clamp(16px,2vw,20px)!important;margin:0 0 15px!important;color:#fff;letter-spacing:-.015em}
#contaView #accountOfflinePanel .pro-card>p{font-size:12px;line-height:1.65;color:#bec7d2;margin:0 0 14px}
#contaView #accountOfflinePanel .pro-card strong{color:#fff}
#contaView #accountOfflinePanel .account-v6-offline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:15px}
#contaView #accountOfflinePanel .account-v6-offline-tile{min-width:0;border:1px solid #3d4650;border-radius:14px;background:#10151c;padding:15px}
#contaView #accountOfflinePanel .account-v6-offline-tile b{display:block;font-size:13px;color:#f7f7f7;margin:0 0 6px}
#contaView #accountOfflinePanel .account-v6-offline-tile p{font-size:11px;line-height:1.55;color:#b5bfcb;margin:0}
#contaView #accountOfflinePanel .account-v6-offline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
#contaView #accountOfflinePanel .account-v6-offline-actions .btn{min-width:0;max-width:100%;width:100%;margin:0!important;min-height:48px!important;border-radius:12px!important;font-size:12px!important;line-height:1.35!important;white-space:normal;text-align:center}
#contaView #accountOfflinePanel .account-v6-offline-actions [data-pro=offline]{background:#ffd400!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#ffd400!important;font-weight:900}
#contaView #accountOfflinePanel .account-v6-offline-actions [data-pro=offlinePermit]{background:#252d37!important;color:#fff!important;border-color:#55606d!important}
#contaView #accountOfflinePanel .account-v6-offline-meta{display:grid;gap:9px;margin-top:12px}
#contaView #accountOfflinePanel .account-v6-offline-meta>p{margin:0;padding:13px 14px;background:#10151c;border:1px solid #39424c;border-radius:12px;color:#cad3df;font-size:12px;overflow-wrap:anywhere;line-height:1.5}
#contaView #accountOfflinePanel .offline-download-box{padding:13px;border:1px solid #786628!important;border-radius:12px;background:#242419!important}
#contaView #accountOfflinePanel .offline-download-box progress{width:100%;height:8px;accent-color:#ffd400}
#contaView #accountOfflinePanel .offline-download-meta{font-size:11px;color:#e6eaf0}

/* Academia: evolução com hero menor e trilha horizontal no telefone. */
#contaView #accountAcademyPanel{gap:15px!important}
#contaView #accountAcademyPanel .academy-hero-premium{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(210px,.75fr);gap:12px;min-height:0!important;padding:clamp(17px,3vw,24px)!important;background:radial-gradient(circle at 100% 20%,#ffd40017,transparent 43%),linear-gradient(125deg,#1d242b,#10151c)!important;border:1px solid #44505a!important;border-radius:20px!important}
#contaView #accountAcademyPanel .academy-hero-copy h3{font-size:clamp(23px,4.2vw,39px)!important;line-height:1.02!important;margin:7px 0 11px!important;text-transform:none!important;letter-spacing:-.04em!important}
#contaView #accountAcademyPanel .academy-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;color:#bdc6d1}
#contaView #accountAcademyPanel .academy-stats{gap:9px;margin:17px 0 14px!important;flex-wrap:wrap}
#contaView #accountAcademyPanel .academy-stats>span{flex:1 1 95px;min-width:0;border:1px solid #424951;border-radius:11px;background:#131923;padding:10px}
#contaView #accountAcademyPanel .academy-stats b{font-size:12px!important;color:#fff}
#contaView #accountAcademyPanel .academy-stats small{font-size:10px!important;color:#aab6c4}
#contaView #accountAcademyPanel .academy-progress-track{height:8px;background:#343c46;border-radius:30px;overflow:hidden}
#contaView #accountAcademyPanel .academy-progress-track i{background:#ffd400!important;border-radius:30px}
#contaView #accountAcademyPanel .academy-evolution{min-height:0!important;padding:10px}
#contaView #accountAcademyPanel .academy-character-stage{max-width:100%;height:auto;aspect-ratio:4/3}
#contaView #accountAcademyPanel .academy-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:9px;background:#151a21!important;border:1px solid #39424c!important;border-radius:17px}
#contaView #accountAcademyPanel .academy-path>div{min-width:0;padding:13px 10px!important;background:#222932;border:1px solid #3b4550;border-radius:12px;overflow-wrap:anywhere}
#contaView #accountAcademyPanel .academy-path>div::after{display:none!important}
#contaView #accountAcademyPanel .academy-path>div b{color:#ffd400}
#contaView #accountAcademyPanel .academy-course-head{margin:9px 0 0!important;gap:14px}
#contaView #accountAcademyPanel .academy-course-head h3{font-size:20px!important;color:#fff}
#contaView #accountAcademyPanel .academy-module{min-width:0;background:#1b2028!important;border:1px solid #3b4450!important;border-radius:16px!important;padding:15px!important}
#contaView #accountAcademyPanel .academy-module-head strong{color:#fff;font-size:14px}
#contaView #accountAcademyPanel .academy-lesson{min-width:0;padding:10px!important;background:#10151b!important;border:1px solid #3d4650!important;border-radius:12px!important}
#contaView #accountAcademyPanel .academy-lesson.is-complete{opacity:1!important;border-color:#635b29!important}
#contaView #accountAcademyPanel .academy-lesson-cover{border-radius:9px!important;max-width:100%;object-fit:cover}
#contaView #accountAcademyPanel .academy-lesson h4{font-size:13px!important;color:#f5f6f8}
#contaView #accountAcademyPanel .academy-lesson p{color:#adbbc9;font-size:11px!important}
#contaView #accountAcademyPanel .academy-lesson .btn{min-height:38px;border-radius:10px;padding:8px 10px;font-size:11px}
#contaView #accountAcademyPanel .academy-promise,#contaView #accountAcademyPanel .academy-patch-reward{min-width:0;background:linear-gradient(145deg,#1e242b,#11161b)!important;border-color:#3b4550!important;border-radius:17px!important;padding:17px!important}
#contaView #accountAcademyPanel .academy-patch-art{max-width:100%;height:auto;aspect-ratio:1}

/* Patches: coleção organizada e cards distinguíveis, bloqueados sem perda de leitura. */
#contaView #accountPatchesPanel{background:transparent!important;border:0!important;padding:0!important;display:grid;gap:13px}
#contaView #accountPatchesPanel.hidden{display:none!important}
#contaView #accountPatchesPanel .patch-collection-hero{min-width:0;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px;padding:clamp(16px,3vw,25px)!important;border-radius:20px!important;border:1px solid #514a32!important;background:radial-gradient(circle at 93% 20%,#ffd40016,transparent 50%),linear-gradient(125deg,#232922,#151b22)!important}
#contaView #accountPatchesPanel .patch-collection-hero .eyebrow{color:#ffd400}
#contaView #accountPatchesPanel .patch-collection-hero h3{font-size:clamp(24px,4vw,35px)!important;color:#fff!important;line-height:1.08!important}
#contaView #accountPatchesPanel .patch-collection-hero p:not(.eyebrow){color:#b8c2cf!important;font-size:12px!important;line-height:1.55!important}
#contaView #accountPatchesPanel .patch-collection-count{display:grid;place-items:center;min-width:76px!important;padding:11px;border:1px solid #746027!important;border-radius:15px!important;background:#2b2b1c!important}
#contaView #accountPatchesPanel .patch-collection-count strong{color:#ffd400!important;line-height:1;font-size:30px!important}
#contaView #accountPatchesPanel .patch-collection-count small{color:#e5e1ce!important}
#contaView #accountPatchesPanel .patch-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px;min-width:0}
#contaView #accountPatchesPanel .patch-collection-card,#contaView #accountPatchesPanel .patch-campaign-card{min-width:0;padding:14px!important;border:1px solid #3e4650!important;border-radius:16px!important;background:linear-gradient(140deg,#202630,#161b21)!important;box-shadow:none!important;filter:none!important;opacity:1!important}
#contaView #accountPatchesPanel .patch-campaign-card.is-locked{background:#191e26!important;border-color:#383f49!important}
#contaView #accountPatchesPanel .patch-campaign-card.is-locked .patch-art{filter:grayscale(.65);opacity:.8}
#contaView #accountPatchesPanel .patch-campaign-card.is-earned,#contaView #accountPatchesPanel .patch-collection-card.is-earned{border-color:#796829!important;background:linear-gradient(145deg,#302a1b,#171c23 67%)!important}
#contaView #accountPatchesPanel .patch-art{flex:0 0 auto;width:72px;height:72px;border:1px solid #585445!important;border-radius:13px!important;background:#10151b!important;overflow:hidden}
#contaView #accountPatchesPanel .patch-art img{width:100%;height:100%;object-fit:contain}
#contaView #accountPatchesPanel :is(.patch-collection-card,.patch-campaign-card) h4{color:#fff;font-size:14px!important;line-height:1.3;overflow-wrap:anywhere}
#contaView #accountPatchesPanel :is(.patch-collection-card,.patch-campaign-card) p{color:#aebac8!important;font-size:11px!important;line-height:1.55!important}
#contaView #accountPatchesPanel .patch-campaigns-account{margin:4px 0 0!important;padding:15px!important;border:1px solid #3d4551;border-radius:18px;background:#171d24}
#contaView #accountPatchesPanel .patch-campaign-grid{display:grid;gap:10px;min-width:0}
#contaView #accountPatchesPanel .patch-lock-note{color:#bfc8d2}

/* Arquivos: filtros e grupos com foco nos projetos e nas ações seguras. */
#contaView #accountFilesPanel{background:transparent!important;border:0!important;padding:0!important;display:grid;gap:12px}
#contaView #accountFilesPanel.hidden{display:none!important}
#contaView #accountFilesPanel .af-hero{padding:18px 19px!important;margin:0!important;display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #3f4854;border-radius:17px;background:linear-gradient(120deg,#222a32,#171e25)}
#contaView #accountFilesPanel .af-hero .eyebrow{color:#ffd400;font-size:10px;letter-spacing:.12em}
#contaView #accountFilesPanel .af-hero h3{font-size:clamp(19px,3vw,26px)!important;margin:3px 0!important;letter-spacing:-.035em}
#contaView #accountFilesPanel .af-hero p:not(.eyebrow){color:#b3c0cd;font-size:12px;line-height:1.45}
#contaView #accountFilesPanel .af-hero .btn{flex-shrink:0;border-radius:10px;min-height:40px;padding:9px 12px}
#contaView #accountFilesPanel .af-summary{margin:0!important;gap:8px;padding:16px!important;background:#1b2028!important;border:1px solid #3f4854!important;border-radius:16px!important}
#contaView #accountFilesPanel .af-summary strong{color:#fff;font-size:clamp(16px,2.5vw,20px)!important}
#contaView #accountFilesPanel .af-summary span{font-size:11px;color:#b4bdca}
#contaView #accountFilesPanel .af-summary progress{width:100%;height:9px;accent-color:#ffd400;max-width:100%}
#contaView #accountFilesPanel .af-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:9px;margin:0!important;padding:13px;background:#1b2028;border:1px solid #3f4854;border-radius:16px;min-width:0}
#contaView #accountFilesPanel .af-tools label{font-size:11px;font-weight:750;color:#d9e0e9;min-width:0}
#contaView #accountFilesPanel .af-tools :is(input,select){min-width:0;width:100%;max-width:100%;min-height:43px;padding:9px 11px;box-sizing:border-box;background:#0d1219!important;border:1px solid #45505b!important;border-radius:10px!important;color:#f6f7f9!important;font-size:13px}
#contaView #accountFilesPanel .af-projects{display:grid;gap:10px;margin:0 0 20px!important}
#contaView #accountFilesPanel .af-project{margin:0;border:1px solid #414a55!important;border-radius:15px!important;background:#1b2028;overflow:hidden}
#contaView #accountFilesPanel .af-project>summary{padding:14px 16px!important;min-height:57px;gap:8px;background:#242b35!important;color:#fff;list-style:none}
#contaView #accountFilesPanel .af-project>summary strong{font-size:14px!important;color:#fff}
#contaView #accountFilesPanel .af-project>summary small{font-size:11px;color:#aab7c5}
#contaView #accountFilesPanel .af-project[open]>summary{border-bottom:1px solid #45505c}
#contaView #accountFilesPanel .af-folder{color:#ffd400}
#contaView #accountFilesPanel .af-category{padding:10px 12px!important}
#contaView #accountFilesPanel .af-category-title{font-size:12px;color:#dce2eb}
#contaView #accountFilesPanel .af-file{background:#151b22;min-width:0;padding:12px!important;gap:10px!important;border-color:#353e48}
#contaView #accountFilesPanel .af-kind{font-size:10px!important;background:#302b19!important;color:#ffd400!important;border:1px solid #5c5124;border-radius:9px;padding:7px 5px}
#contaView #accountFilesPanel .af-detail{min-width:0}
#contaView #accountFilesPanel .af-detail strong{font-size:12px;color:#fff;overflow-wrap:anywhere}
#contaView #accountFilesPanel .af-detail small{font-size:10px;color:#adb8c6}
#contaView #accountFilesPanel .af-actions{flex-wrap:wrap;gap:6px}
#contaView #accountFilesPanel .af-actions .btn{min-height:35px!important;padding:8px 10px!important;border-radius:9px;font-size:11px}
#contaView #accountFilesPanel :is(.af-status,.af-empty){color:#bdc8d5;font-size:12px;line-height:1.5}
#contaView #accountFilesPanel .af-dialog{width:min(94vw,540px);max-height:88dvh;overflow:auto;color:#f4f6f8;background:#1d242c;border:1px solid #434b55;border-radius:18px}
#contaView #accountFilesPanel .af-dialog::backdrop{background:#000a}

@media(max-width:760px){
 #contaView #accountProfilePanel .account-subscription-grid,#contaView #accountProfilePanel .account-growth-grid,#contaView #accountProfilePanel .account-tools-grid{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountAcademyPanel .academy-hero-premium{grid-template-columns:1fr!important}
 #contaView #accountAcademyPanel .academy-evolution{min-height:155px!important}
 #contaView #accountAcademyPanel .academy-path{grid-template-columns:repeat(5,minmax(124px,1fr))!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;max-width:100%}
 #contaView #accountAcademyPanel .academy-path>div{scroll-snap-align:start;min-width:0;display:grid;gap:4px}
 #contaView #accountAcademyPanel .academy-path>div span{font-size:11px}
 #contaView #accountAcademyPanel .academy-path>div small{font-size:9px}
 #contaView #accountAcademyPanel .academy-finish-grid{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountAcademyPanel .academy-lesson{grid-template-columns:84px minmax(0,1fr)!important;gap:9px!important}
 #contaView #accountAcademyPanel .academy-lesson-cover{width:84px!important;height:70px!important}
 #contaView #accountAcademyPanel .academy-lesson .btn{grid-column:1/-1;width:100%}
 #contaView #accountPatchesPanel .patch-collection-card,#contaView #accountPatchesPanel .patch-campaign-card{gap:10px!important}
 #contaView #accountPatchesPanel .patch-art{width:60px;height:60px}
}
@media(max-width:540px){
 #contaView #accountOfflinePanel .account-v6-offline-grid{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountOfflinePanel .account-v6-offline-actions{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountProfilePanel .access-countdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 #contaView #accountProfilePanel .access-countdown-card{padding:10px 7px}
 #contaView #accountProfilePanel .access-countdown-card strong{font-size:13px}
 #contaView #accountProfilePanel :is(.coupon-redeem-row,.referral-link-box){flex-wrap:wrap}
 #contaView #accountProfilePanel :is(.coupon-redeem-row,.referral-link-box)>input{flex:1 1 180px}
 #contaView #accountFilesPanel .af-tools{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountFilesPanel .af-hero{padding:14px!important;flex-wrap:wrap}
 #contaView #accountFilesPanel .af-hero .btn{min-height:37px}
 #contaView #accountPatchesPanel .patch-collection-count{width:74px!important;min-width:74px!important}
}
@media(max-width:370px){
 #contaView #accountProfilePanel .account-demographics-grid{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountProfilePanel .access-countdown-grid{grid-template-columns:minmax(0,1fr)!important}
 #contaView #accountPatchesPanel .patch-collection-hero{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(prefers-reduced-motion:reduce){#contaView:not(.account-home-open) .account-section-tab{transition:none}}

/* Academia mobile: evita que a arte de evolução ocupe uma tela inteira. */
@media(max-width:760px){
  #contaView #accountAcademyPanel .academy-evolution{
    display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;
    align-items:center;text-align:left;gap:3px 12px;min-height:0!important;
    padding:12px!important;margin:0;background:#111821!important;
    border:1px solid #3e4854!important;border-radius:13px!important;
  }
  #contaView #accountAcademyPanel .academy-evolution .academy-scene-glow{display:none!important}
  #contaView #accountAcademyPanel .academy-evolution .academy-character-stage{
    grid-row:1/3;width:110px!important;height:106px!important;
    margin:0!important;transform:none!important;border-radius:10px!important;
  }
  #contaView #accountAcademyPanel .academy-character-stage .academy-scene-image{left:-22%!important;width:135%!important;object-position:center!important}
  #contaView #accountAcademyPanel .academy-evolution>strong{min-width:0;align-self:end;font-size:12px!important;text-align:left;line-height:1.3}
  #contaView #accountAcademyPanel .academy-evolution>small{min-width:0;align-self:start;font-size:11px!important;line-height:1.45;text-align:left}
}