/* Shared matte graphite identity. No navigation, data or visibility changes.
   The field home banner has one scoped compact-layout refinement below.
   First important layer intentionally overrides late legacy inline style blocks.
   Brand images, real photos, player-card artwork and semantic states stay intact. */
@layer cfAreaIdentityV1 {
 html[data-cf-visual-area]{
  --cf-area-accent:#79a9ff;--cf-area-soft:#182b43;--cf-area-ink:#101720;
  --cf-area-bg:#11171e;--cf-area-card:#1a232d;--cf-area-raised:#222e3a;
  --cf-area-line:#303d4b;--cf-area-text:#f4f5f7;--cf-area-muted:#bdc4ce;
  --bg:var(--cf-area-bg)!important;--card:var(--cf-area-card)!important;
  --card2:var(--cf-area-raised)!important;--line:var(--cf-area-line)!important;
  --text:var(--cf-area-text)!important;--muted:var(--cf-area-muted)!important;
  --green:var(--cf-area-accent)!important;--green2:var(--cf-area-accent)!important;
  --input:#131c26!important;color-scheme:dark!important;
  background:var(--cf-area-bg)!important;
 }
 html[data-cf-visual-area="team"]{--cf-area-accent:#e8b968;--cf-area-soft:#2b2923}
 html[data-cf-visual-area="field"]{--cf-area-accent:#e4a08b;--cf-area-soft:#302727}
 html[data-cf-visual-area="goalkeeper"]{--cf-area-accent:#b8a4f5;--cf-area-soft:#29273b}
 html[data-cf-visual-area] body{
  --bg:var(--cf-area-bg)!important;--card:var(--cf-area-card)!important;
  --card2:var(--cf-area-raised)!important;--line:var(--cf-area-line)!important;
  --text:var(--cf-area-text)!important;--muted:var(--cf-area-muted)!important;
  --green:var(--cf-area-accent)!important;--green2:var(--cf-area-accent)!important;
  background:var(--cf-area-bg)!important;color:var(--cf-area-text)!important;
  accent-color:var(--cf-area-accent)!important;
 }
 html[data-cf-visual-area] body::before,html[data-cf-visual-area] body::after,
 html[data-cf-visual-area] .cfStadiumShellV35::before{
  background:none!important;box-shadow:none!important;
 }
 html[data-cf-visual-area] :is(.shell,.cfTeamManageV5,.cfTeamManageMainV5,.cfTeamManageContentV5,.cfTeamHomeV58,.cfGestaoShell,.cfGestaoMain,#cfGestaoPortal){
  background:var(--cf-area-bg)!important;color:var(--cf-area-text)!important;
 }
 html[data-cf-visual-area] :is(#cfTeamSettingsPageV2,.cfCampoHomeVisualV2){
  --bg:var(--cf-area-bg)!important;--panel:var(--cf-area-card)!important;--card:var(--cf-area-card)!important;--card2:var(--cf-area-raised)!important;
  --line:var(--cf-area-line)!important;--text:var(--cf-area-text)!important;--muted:var(--cf-area-muted)!important;--green:var(--cf-area-accent)!important;
  --cf-home-surface:var(--cf-area-card)!important;--cf-home-surface-2:var(--cf-area-raised)!important;--cf-home-border:var(--cf-area-line)!important;
  --cf-home-green:var(--cf-area-accent)!important;--cf-home-muted:var(--cf-area-muted)!important;
 }
 html[data-cf-visual-area] :is(.cfTeamManageSideV5,.cfProfileDrawerV2,.cfGestaoSide,.cfShellTopV35,.cfTeamManageTopV5,.bottom,.top){
  background:#131b24!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;
 }
 html[data-cf-visual-area] .cfProfileDrawerV2::before,html[data-cf-visual-area] .cfProfileDrawerV2::after{background:none!important}
 /* Core surfaces, reused by every native route; never select player-card children. */
 html[data-cf-visual-area] :is(.card,.panel,.metric,.cover,.cfHomeProfileHeroV3,.cfProfileHeroV5,.cfHomeTeamCardV4,.cfHomeEmptyV4,
 .cfPL4Metric,.cfPL4StatBox,.cfPL4Panel,.cfTeamOverviewHeroV58,.cfTeamOverviewKpiV58,.cfTeamQuickV58,.cfTeamStatsPremiumV58,.cfTeamStatTileV58,
 .cfTeamGameHubPremiumV58,.cfTeamTraitV58,.cfTeamPlayerV40,.cfTeamManagePanelV5,.cfTeamManageCardV5,.cfTeamOverviewPanelV40,
 .cfGHCardV1,.cfGHPanelV1,.cfGHEmptyV1,.cfGHMatchV1,.cfGestaoWorkspace,.cfGestaoStat,.cfGestaoField,.cfGestaoWeatherCompactV1,
 .cfCampoDailyV1Card,.cfCampoPerformanceV1Card,.cfCampoForecastV1Card,.cfCampoManagementV1Card,.cfGestaoOverviewV1Metric,.cfAgendaHero,.cfAgendaWeekCard,.cfAgendaEmpty,.cfTSCard,.cfTSGroup,.cfTSIntro){
  background:var(--cf-area-card)!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;
 }
 html[data-cf-visual-area] .cfTeamOverviewHeroV58::before,html[data-cf-visual-area] .cfTeamOverviewHeroV58::after,
 html[data-cf-visual-area] .cover::before,html[data-cf-visual-area] .cover::after{background:none!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(.cfTeamOverviewOfficialV58,.cfGestaoBadge,.cfFieldHeroPillV1){background:var(--cf-area-soft)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] .cfTeamOverviewLevelV58>div>i{background:var(--cf-area-accent)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(.muted,.hint,.mini,.cfTeamManageGroupV5,.cfPL4City,.cfTeamOverviewMetaV58,.cfTeamQuickV58 small,.cfTeamOverviewKpiV58 small,
 .cfProfileFactV10 small,.cfProfilePerformanceV5 small,.cfGestaoOverviewV1Location,.cfHomeQuickCopyV2 small){color:var(--cf-area-muted)!important}
 html[data-cf-visual-area] :is(.cfTeamOverviewOfficialV58,.cfTeamOverviewLevelV58 b,.cfGestaoOverviewV1Eyebrow,.eyebrow,.cfProfileTabSvgV5){color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(.cfTeamQuickIconV58,.cfTeamOverviewKpiIconV58,.cfTeamProfileBadgeV1,.cfTeamGoalkeeperBadge,.cfProfileDrawerIconV3,.cfFieldMetricIconV1){
  background:var(--cf-area-soft)!important;border-color:var(--cf-area-line)!important;color:var(--cf-area-accent)!important;box-shadow:none!important;
 }
 /* Preserve existing menu sizes, order and hit targets, only change their paint. */
 html[data-cf-visual-area] :is(.cfTeamManageNavV5 button,.cfProfileDrawerLinkV2,.cfGestaoNavBtn,.cfBoraJogarMenu,.cfProfileDrawerProfileBtnV2){
  background:var(--cf-area-card)!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;
 }
 html[data-cf-visual-area] :is(.cfTeamManageNavV5 button,.cfProfileDrawerLinkV2,.cfGestaoNavBtn,.cfBoraJogarMenu):is(.active,[aria-current="page"],[aria-pressed="true"],:hover){
  background:var(--cf-area-soft)!important;color:var(--cf-area-accent)!important;border-color:var(--cf-area-accent)!important;box-shadow:inset 3px 0 var(--cf-area-accent)!important;
 }
 html[data-cf-visual-area] :is(.cfTeamManageNavV5,.cfProfileDrawerLinkV2,.cfGestaoNavBtn) svg{
  color:var(--cf-area-accent)!important;stroke:currentColor!important;
 }
 html[data-cf-visual-area] :is(.cfTeamProfileLabelV1 small,.cfTeamGoalkeeperLabel small,.cfBoraJogarMenu small){color:var(--cf-area-muted)!important}
 html[data-cf-visual-area] :is(.cfHomeProfileHeroV3,.cfProfileHeroV5) :is(.cfProfileFactsV10,.cfProfileFactV10,.cfProfileLevelV5,.cfProfileSocialV5,.cfProfilePerformanceV5>div){border-color:var(--cf-area-line)!important;background:transparent!important}
 html[data-cf-visual-area] :is(.sp-hero,.sp-nav,.sp-search,.sp-hero-mark){background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] .sp-hero::after{background:none!important}
 html[data-cf-visual-area] :is(.sp-kicker,.sp-hero-tags svg,.cfGestaoK,.cfGestaoOverviewV1Eyebrow){color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] .sp-nav button.active{background:var(--cf-area-soft)!important;border-color:var(--cf-area-accent)!important;color:var(--cf-area-accent)!important}
 /* Secondary management screens share the palette, not their permissions/actions. */
 html[data-cf-visual-area] #cfTeamAccessPageV1{--ta-green:var(--cf-area-accent)!important;--ta-border:var(--cf-area-line)!important;--ta-muted:var(--cf-area-muted)!important;--ta-bg:var(--cf-area-card)!important}
 html[data-cf-visual-area] #cfTeamAccessPageV1 :is(.ta-hero,.ta-kpis article,.ta-tabs,.ta-panel,.ta-search,.ta-person,.ta-role-card,.ta-modal){background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] #cfTeamAccessPageV1 .ta-button:not(.primary):not(.sensitive){background:var(--cf-area-raised)!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(#cfTeamAccessPageV1 .ta-button.primary,#cfTeamSettingsPageV2 .cfTSBtn.primary,.cfAgendaHeroActions button.primary){background:var(--cf-area-accent)!important;color:var(--cf-area-ink)!important;border-color:var(--cf-area-accent)!important;box-shadow:none!important}
 html[data-cf-visual-area] .cfCampoHomeVisualV2 :is(.quick>button,.list>.row,.cfCampoDailyV1,.cfCampoPerformanceV1,.cfCampoForecastV1,.cfCampoManagementV1){background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;color:var(--cf-area-text)!important}
 html[data-cf-visual-area] .cfCampoHomeVisualV2 :is(.cfCampoDailyV1Grid>button,.cfCampoPerformanceV1Grid>button,.cfCampoForecastV1Grid>button,.cfCampoManagementV1Grid>button){background:var(--cf-area-raised)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;color:var(--cf-area-text)!important}
 html[data-cf-visual-area] .cfAgendaOpsV1 :is(.cfAgendaPerformance,.cfAgendaAlerts,.cfAgendaWeek,.cfAgendaQuick,.cfAgendaReservations,.cfAgendaViewSwitch,.cfAgendaRow){background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;color:var(--cf-area-text)!important}
 html[data-cf-visual-area] .cfAgendaOpsV1 :is(.cfAgendaDay.active,.cfAgendaWeekCard.active,.cfAgendaViewSwitch button.active){background:var(--cf-area-soft)!important;border-color:var(--cf-area-accent)!important;color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(.cfTeamPrimaryV58,.btn.pri,.save,.cfCMPublishV12,.cfGHPrimaryV1){
  background:var(--cf-area-accent)!important;color:var(--cf-area-ink)!important;border-color:var(--cf-area-accent)!important;box-shadow:none!important;
 }
 html[data-cf-visual-area] :is(.btn.sec,.btn.ghost,.cfGHSecondaryV1,.cfProfileDrawerQuickV3 button){background:var(--cf-area-raised)!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(.cfProfileMenuBtnV2,.cfProfileDrawerCloseV2,#cfGoalkeeperBackButtonV1){background:var(--cf-area-card)!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){
  background:#131c26!important;color:var(--cf-area-text)!important;border-color:var(--cf-area-line)!important;color-scheme:dark!important;
 }
 html[data-cf-visual-area] :is(input,textarea)::placeholder{color:#aeb7c5!important;opacity:1!important}
 html[data-cf-visual-area] :focus-visible{outline-color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(.cfPL4Tab.active,.cfPL4Tab.on,.cfPL4Tab[aria-selected="true"],.nav.active){color:var(--cf-area-accent)!important;border-color:var(--cf-area-accent)!important;background:var(--cf-area-soft)!important}
 /* Standalone keeper pages declare their own root tokens. */
 html[data-cf-visual-area="goalkeeper"] :is(.chip.active,.slider:has(input:checked)) {border-color:var(--cf-area-accent)!important;color:var(--cf-area-accent)!important;background:var(--cf-area-soft)!important}
 html[data-cf-visual-area="goalkeeper"] .switch input:checked+.slider{background:var(--cf-area-accent)!important}
 /* Marketplace and Resenha remain the same surfaces, within the active area. */
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1){
  --bj-green:var(--cf-area-accent)!important;--bj-line:var(--cf-area-line)!important;--bj-muted:var(--cf-area-muted)!important;
  background:var(--cf-area-bg)!important;color:var(--cf-area-text)!important;
 }
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-top,.bj-integrated-top,.rs-top){background:#131b24!important;border-color:var(--cf-area-line)!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-hero,.bj-panel,.bj-card,.bj-state,.bj-filters,.bj-kind-tile,.bj-week-card,.bj-side-card,.bj-tabs,.rs-hero,.rs-card,.rs-search,.rs-empty,.rs-detail-panel,.rs-detail-hero,.rs-metric){
  background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important;color:var(--cf-area-text)!important;
 }
 html[data-cf-visual-area] #cfBoraJogarV1 .bj-hero::before,html[data-cf-visual-area] #cfBoraJogarV1 .bj-hero::after{background:none!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-secondary,.bj-icon,.bj-more,.bj-card-action,.rs-profile-button,.rs-icon,.rs-more,.rs-back){background:var(--cf-area-raised)!important;border-color:var(--cf-area-line)!important;color:var(--cf-area-text)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-primary,.rs-primary){background:var(--cf-area-accent)!important;border-color:var(--cf-area-accent)!important;color:var(--cf-area-ink)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-text,.bj-eyebrow,.bj-empty-ball,.rs-kicker,.rs-text-button){color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-description,.bj-note,.bj-page-heading p,.bj-hero p,.bj-state p,.rs-note,.rs-location){color:var(--cf-area-muted)!important}
 html[data-cf-visual-area] :is(#cfBoraJogarV1,#cfFootballSocialV1) :is(.bj-tabs button[aria-current],.bj-intents button[aria-pressed="true"],.rs-tabs button.active){background:var(--cf-area-soft)!important;color:var(--cf-area-accent)!important;border-color:var(--cf-area-accent)!important}
 /* Refinement after real login review: open hierarchy, not large grey slabs. */
 html[data-cf-visual-area] :is(.cfHomeProfileHeroV3,.cfProfileHeroV5,.cfTeamOverviewHeroV58){
  background:linear-gradient(110deg,var(--cf-area-soft),var(--cf-area-bg) 74%)!important;
  border-color:transparent!important;box-shadow:inset 0 2px var(--cf-area-accent)!important;
 }
 html[data-cf-visual-area] .cfPL4Panel{background:transparent!important;border-color:transparent!important}
 html[data-cf-visual-area] :is(.cfProfileFactV10>.svg,.cfProfileFactV10>.cfProfileHeroSvgV5.pin,.cfTeamOverviewSectionHeadV58>span,.cfTeamGameHubHeadV58>span,.cfTeamStatsPremiumV58 a){color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(.cfTeamManageNavV5 button,.cfProfileDrawerLinkV2,.cfGestaoNavBtn){background:transparent!important;border-color:#293541!important}
 html[data-cf-visual-area] :is(.cfTeamManageNavV5 button,.cfProfileDrawerLinkV2,.cfGestaoNavBtn):is(.active,[aria-current="page"],:hover){background:var(--cf-area-raised)!important;border-color:var(--cf-area-accent)!important;color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] :is(.cfPlayerQuickV4>button,.homeRecommendations>.row,.homeTeamCard,.empty){background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important;color:var(--cf-area-text)!important;box-shadow:none!important}
 html[data-cf-visual-area] .cfPlayerQuickV4>button{border-left:2px solid var(--cf-area-accent)!important}
 html[data-cf-visual-area] .cfCampoHomeVisualV2{
  --cf-v2-card:var(--cf-area-card)!important;--cf-v2-card-soft:var(--cf-area-raised)!important;
  --cf-v2-border:var(--cf-area-line)!important;--cf-v2-border-soft:var(--cf-area-line)!important;
  --cf-v2-green:var(--cf-area-accent)!important;--cf-v2-muted:var(--cf-area-muted)!important;--cf-v2-text:var(--cf-area-text)!important;
 }
 html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.cover{
  height:auto!important;min-height:160px!important;padding:24px!important;display:flex!important;align-items:center!important;
  background:linear-gradient(90deg,rgba(5,13,18,.82),rgba(5,13,18,.45) 48%,rgba(5,13,18,.08)),url('/assets/field/field-management-hero-v1.png') center 56%/cover!important;border-color:var(--cf-area-line)!important;box-shadow:inset 0 2px var(--cf-area-accent)!important;
 }
 html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.cover .coverText{position:relative!important;left:auto!important;bottom:auto!important;max-width:100%!important}
 html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.cover::before{border:0!important}
 html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.grid>.metric::before{background:var(--cf-area-accent)!important}
 html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.grid>.metric::after{background:none!important}
 html[data-cf-visual-area] :is(.cfHomeQuickIconV2,.cfCampoManagementV1Icon,.cfGestaoOverviewV1MetricIconWrap){background:var(--cf-area-soft)!important;color:var(--cf-area-accent)!important;border-color:var(--cf-area-line)!important;box-shadow:none!important}
 html[data-cf-visual-area] :is(.cfFieldHeroPillV1,.cfCampoHomeVisualV2 .k,.cfCampoHomeVisualV2 .coverTag){color:var(--cf-area-accent)!important;border-color:var(--cf-area-line)!important;background:var(--cf-area-soft)!important}
 html[data-cf-visual-area] :is(#app .k,.cfProfileDrawerBrandV3>span,#cfContextDrawerCardV1>small){color:var(--cf-area-accent)!important}
 html[data-cf-visual-area] #cfContextDrawerCardV1{background:var(--cf-area-card)!important;border-color:var(--cf-area-line)!important}
 html[data-cf-visual-area] :is(#cfProfileMenuBtnV2,#cfGlobalSettingsTopBtnV1,#cfProfileNotificationBtnV2){color:var(--cf-area-text)!important}
 html[data-cf-visual-area] :is(#cfProfileMenuBtnV2,#cfGlobalSettingsTopBtnV1,#cfProfileNotificationBtnV2)>svg{display:block!important;width:24px!important;height:24px!important;stroke:currentColor!important}
 html[data-cf-visual-area="player"] body[data-cf-access-context="player"] #cfProfileNotificationBtnV2{color:var(--cf-area-accent)!important}
 html[data-cf-visual-area="player"] body[data-cf-access-context="player"] #cfProfileNotificationBtnV2>svg.cfProfileNotificationBellSolidV2{fill:currentColor!important;stroke:none!important;width:23px!important;height:23px!important}
 @media(max-width:650px){html[data-cf-visual-area="field"] .cfCampoHomeVisualV2>.cover{min-height:144px!important;padding:20px 16px!important}}
 @media(forced-colors:active){html[data-cf-visual-area]{--cf-area-bg:Canvas;--cf-area-card:Canvas;--cf-area-raised:Canvas;--cf-area-text:CanvasText;--cf-area-muted:CanvasText;--cf-area-accent:LinkText;--cf-area-soft:Canvas;--cf-area-ink:Canvas;--cf-area-line:CanvasText}}
}