/* RECODET BLACK + GOLD THEME
   Loaded after all legacy styles so every completed module shares one palette. */
:root{
  color-scheme:dark;
  --bg:#070604;
  --surface:#11100d;
  --surface2:#17140e;
  --text:#f8f1df;
  --muted:#c8b98f;
  --muted2:#9f916b;
  --border:rgba(212,175,55,.23);
  --shadow:0 16px 42px rgba(0,0,0,.42);
  --shadow2:0 10px 28px rgba(0,0,0,.48);
  --accent:#d4af37;
  --blue:#d4af37;
  --shell-blue:#d4af37;
  --shell-navy:#070604;
  --shell-line:rgba(212,175,55,.22);
  --shell-surface:rgba(17,16,13,.96);
  --gold:#d4af37;
  --gold-bright:#f3d46b;
  --gold-soft:#a98522;
  --gold-ink:#241b07;
  --black:#070604;
  --black-2:#11100d;
  --black-3:#19160f;
}

*{scrollbar-color:#8f6a12 #0b0a08}
html,body{background:#070604!important}
body{
  color:var(--text)!important;
  background:
    radial-gradient(900px 520px at 92% -8%,rgba(212,175,55,.13),transparent 58%),
    radial-gradient(720px 480px at -8% 22%,rgba(245,215,110,.07),transparent 60%),
    linear-gradient(180deg,#070604 0%,#0c0a07 48%,#050403 100%)!important;
}
::selection{background:rgba(212,175,55,.34);color:#fff8df}

/* Text */
body,button,input,select,textarea{color:var(--text)}
.s,.moduleSub,.hubScoreK,.hubTileS,.tile .sub,.muted,small,.propertyType,.mediaKind{color:var(--muted)!important}
.k,.sectionTitle,.moduleTitle,.title,h1,h2,h3,strong,b{color:inherit}
a{color:var(--gold-bright)}
.price,[class*="Price"],[class*="Balance"] strong,[class*="Amount"] strong{color:var(--gold-bright)!important}

/* Shell */
.topbar,.searchbar{
  background:rgba(8,7,5,.93)!important;
  border-color:rgba(212,175,55,.18)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.24)!important;
}
.title{color:#f8f1df!important}
.iconbtn,.ghost,.coinPill{
  color:var(--gold-bright)!important;
  background:linear-gradient(180deg,#18150f,#0e0c09)!important;
  border:1px solid rgba(212,175,55,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,238,169,.05),0 7px 18px rgba(0,0,0,.24)!important;
}
.iconbtn:hover,.ghost:hover{background:#211b0d!important;border-color:rgba(243,212,107,.48)!important}
.coinIcon{color:var(--gold-bright)!important}
.coinAmt{color:#fff4cc!important}
.brandMark,.sidebarLogo{
  color:#120d03!important;
  background:linear-gradient(145deg,#f4dc83,#c69a24 56%,#8c650f)!important;
  box-shadow:0 10px 28px rgba(212,175,55,.27)!important;
}
.appSidebar{
  color:#efe2b5!important;
  background:linear-gradient(180deg,#050403,#0d0a05 58%,#080603)!important;
  border-color:rgba(212,175,55,.22)!important;
  box-shadow:12px 0 38px rgba(0,0,0,.52)!important;
}
.sidebarBrand,.sidebarFooter{border-color:rgba(212,175,55,.18)!important}
.shellNavItem{color:#cfc19a!important}
.shellNavItem:hover{background:rgba(212,175,55,.09)!important;color:#fff2c7!important}
.shellNavItem.active{
  color:#160f02!important;
  background:linear-gradient(145deg,#f2d474,#c99c26)!important;
  box-shadow:0 12px 28px rgba(212,175,55,.22)!important;
}

.moduleRibbon,.contextRibbon{
  background:linear-gradient(180deg,rgba(20,18,13,.98),rgba(11,10,7,.96))!important;
  border-color:rgba(212,175,55,.2)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
}
.ribbonItem{color:#bfb18b!important;border-color:rgba(212,175,55,.12)!important}
.ribbonItem:hover{background:rgba(212,175,55,.07)!important;color:#f3d46b!important}
.ribbonItem.active{
  color:var(--gold-bright)!important;
  background:linear-gradient(180deg,rgba(212,175,55,.15),rgba(212,175,55,.025))!important;
}
.ribbonItem.active::after{background:linear-gradient(90deg,#8f6a12,#f3d46b,#8f6a12)!important}
.contextAction{color:#bfb18b!important}
.contextAction:hover,.contextAction.active{
  color:#f3d46b!important;
  background:rgba(212,175,55,.11)!important;
  border-color:rgba(212,175,55,.26)!important;
}

/* Inputs */
input,select,textarea,.in,.globalSearchInput{
  color:#fff4d1!important;
  background:#0d0b08!important;
  border-color:rgba(212,175,55,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
input::placeholder,textarea::placeholder{color:#817758!important;opacity:1}
input:focus,select:focus,textarea:focus,.in:focus,.globalSearchInput:focus{
  border-color:#d4af37!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.13)!important;
  outline:none!important;
}
option{background:#11100d;color:#f8f1df}

/* Shared dark surfaces */
.card,.moduleCard,.tile,.pcard,.scoreCard,.hubTile,.hubScoreCard,.quickBtn,.planCard,
.sheetCard,.shellSheetCard,.globalSearchResult,
[class$="Card"],[class*="Card "],[class$="Panel"],[class*="Panel "],[class$="Tile"],[class*="Tile "],
.content article,.content [class*="List"]>button,.content [class*="Grid"]>button{
  color:var(--text)!important;
  background:linear-gradient(180deg,#17140f,#0f0d09)!important;
  border-color:rgba(212,175,55,.18)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,239,179,.025)!important;
}
.moduleCard:hover,.tile:hover,.pcard:hover,.content article:hover,.content [class*="Grid"]>button:hover{
  border-color:rgba(243,212,107,.42)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 0 1px rgba(212,175,55,.08)!important;
}
.moduleIcon,.tile .img,.imgbox,.imgFallback,.imgReal,[class*="Visual"],[class*="Preview"]{
  color:var(--gold-bright)!important;
  background:radial-gradient(circle at 25% 18%,rgba(212,175,55,.15),transparent 50%),linear-gradient(145deg,#1c180f,#0c0a07)!important;
  border-color:rgba(212,175,55,.19)!important;
}
.imgReal{object-fit:contain}
.specChip,.statusPill,[class*="Pill"],[class*="Chip"],[class*="Badge"]{
  color:#f6e7b0!important;
  background:rgba(212,175,55,.10)!important;
  border-color:rgba(212,175,55,.24)!important;
}
.featureNumber,[class*="Icon"],[class*="icon"]{
  color:var(--gold-bright);
}

/* Hero and metric blocks */
.mainHero,[class*="Hero"],[class*="hero"]{
  border-color:rgba(243,212,107,.25)!important;
}
.hubTile,[class*="Hero"],[class*="hero"]{
  background:
    radial-gradient(circle at 86% 14%,rgba(243,212,107,.18),transparent 34%),
    linear-gradient(135deg,#1a160c,#090704 72%)!important;
  color:#fff2c6!important;
  box-shadow:0 18px 42px rgba(0,0,0,.40)!important;
}
.hubTile:first-child::after{
  color:#120d03!important;
  background:linear-gradient(145deg,#f3d46b,#c99a21)!important;
  box-shadow:0 14px 32px rgba(212,175,55,.28)!important;
}
.hubTileK,.profileCover span,[class*="Eyebrow"],[class*="eyebrow"]{color:var(--gold-bright)!important}
.hubTileS:first-of-type{color:#fff4d1!important}
.hubScoreIcon,[class*="IconBox"],[class*="Mark"]{
  color:var(--gold-bright)!important;
  background:linear-gradient(145deg,#211b0d,#110e08)!important;
  border-color:rgba(212,175,55,.18)!important;
}

/* Buttons */
button{font-family:inherit}
.btn,[class*="Submit"],[class*="submit"],button.primary,button[class*="Primary"],
.homesSubmit,.mediaCreateSubmit,.profileComposerFoot button[type="submit"],.profileSettingsCard>button[type="submit"]{
  color:#171003!important;
  background:linear-gradient(145deg,#f3d46b 0%,#d4af37 52%,#a47714 100%)!important;
  border-color:#d4af37!important;
  box-shadow:0 12px 26px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,249,221,.55)!important;
}
.btn:hover,[class*="Submit"]:hover,button.primary:hover{filter:brightness(1.07)!important}
.btn svg,[class*="Submit"] svg,button.primary svg{color:#171003!important}
.btn small,[class*="Submit"] small,button.primary small{color:#3b2a06!important}
.btn.ghost,.btnGhost,.btnLite,.sheetOpt,.globalSearchResult,.shellSheetGrid button{
  color:#e7d69f!important;
  background:#12100c!important;
  border-color:rgba(212,175,55,.2)!important;
  box-shadow:none!important;
}
.btn.ghost:hover,.btnGhost:hover,.btnLite:hover,.sheetOpt:hover,.globalSearchResult:hover,.shellSheetGrid button:hover{
  color:#f6db7e!important;
  background:#211b0d!important;
  border-color:rgba(243,212,107,.4)!important;
}

/* Sheets and overlays */
.sheetBackdrop,.shellSheetBackdrop{background:rgba(0,0,0,.76)!important}
.sheetHeader,.shellSheetHeader{border-color:rgba(212,175,55,.16)!important}
.sheetCard,.shellSheetCard{background:#11100d!important}

/* Professional module bottom bars */
#bottomBar.bottombar{
  border-color:rgba(212,175,55,.32)!important;
  background:linear-gradient(180deg,rgba(24,21,14,.98),rgba(8,7,5,.97))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.58),0 4px 18px rgba(0,0,0,.48),inset 0 1px 0 rgba(243,212,107,.12)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
}
#bottomBar.bottombar::before{
  background:linear-gradient(110deg,rgba(243,212,107,.09),transparent 36%,rgba(212,175,55,.035))!important;
}
#bottomBar.bottombar button{color:#a99c77!important}
#bottomBar.bottombar button:hover{
  color:#f3d46b!important;
  background:rgba(212,175,55,.09)!important;
}
#bottomBar.bottombar button:focus-visible{outline-color:rgba(243,212,107,.34)!important}
#bottomBar.bottombar button.active{
  color:#171003!important;
  background:linear-gradient(145deg,#f3d46b,#d4af37 58%,#a47714)!important;
  border-color:rgba(255,239,176,.38)!important;
  box-shadow:0 11px 26px rgba(212,175,55,.28),inset 0 1px 0 rgba(255,249,221,.55)!important;
}
#bottomBar .tabIcon{background:rgba(212,175,55,.08)!important}
#bottomBar button.active .tabIcon{background:rgba(23,16,3,.15)!important;color:#171003!important}
#bottomBar .tabBadge{background:#d4af37!important;color:#171003!important;border:1px solid #f3d46b!important}

/* Progress, toggles and active controls */
progress{accent-color:#d4af37}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:#d4af37}
[class*="Progress"]>i,[class*="Progress"]>span,[class*="progress"]>i,[class*="progress"]>span{
  background:linear-gradient(90deg,#8f6a12,#f3d46b)!important;
}
.active,[aria-selected="true"]{--active-gold:#d4af37}

/* Launch / onboarding */
.launchScreen{
  background:
    radial-gradient(circle at 50% 38%,rgba(212,175,55,.15),transparent 32%),
    radial-gradient(circle at 90% 0%,rgba(243,212,107,.07),transparent 34%),
    linear-gradient(180deg,#030302,#0b0803 62%,#030302)!important;
}
.launchGlowA,.launchGlowB{background:rgba(212,175,55,.16)!important}
.launchCore{
  background:linear-gradient(145deg,rgba(243,212,107,.24),rgba(143,106,18,.13))!important;
  border-color:rgba(243,212,107,.3)!important;
  box-shadow:0 0 0 8px rgba(212,175,55,.05),0 24px 70px rgba(212,175,55,.30),inset 0 1px 1px rgba(255,246,210,.5)!important;
}
.launchTitle{
  background:linear-gradient(180deg,#fff7dc 4%,#f3d46b 55%,#a47714 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 15px 36px rgba(212,175,55,.22))!important;
}
.launchMark{filter:drop-shadow(0 22px 34px rgba(212,175,55,.22))!important}
.launchProgressFill{background:linear-gradient(90deg,#8f6a12,#f3d46b,#d4af37)!important}
.introDots .dot{background:rgba(212,175,55,.2)!important}.introDots .dot.active{background:#d4af37!important}

/* Toasts */
.appToast{background:#151109!important;color:#f8ebbd!important;border:1px solid rgba(212,175,55,.28)!important;box-shadow:0 18px 44px rgba(0,0,0,.5)!important}

/* Eliminate remaining blue/white visual residue in module-generated UI */
.content [style*="background:#fff"],.content [style*="background: #fff"]{background:#15120d!important}
.content [style*="color:#075ff7"],.content [style*="color: #075ff7"],
.content [style*="color:#0284c7"],.content [style*="color: #0284c7"]{color:#d4af37!important}

@media(max-width:980px){
  .topbar{background:rgba(7,6,4,.96)!important}
  .moduleRibbon{background:rgba(14,12,8,.97)!important}
}


/* 2026-07 content rule: remove decorative count/stat blocks from modules.
   Keep operational information such as prices, balances, property details,
   ELO on the Rank screen, and course progress where it is the screen purpose. */
.jobsStats,
.homesStats,
.homesActivityStats,
.financeMiniGrid,
.financeHistorySummary,
.walletMiniGrid,
.coinMiniGrid,
.coinHistorySummary,
.mediaProStats,
.mediaProfileStats,
.sportsStats,
.sportsTeamStats,
.learnStats,
.learnTaskSummary,
.eventStats,
.profileStats,
.profileTeamStats,
.chatQuickStats,
.hubScoreGrid,
.scoreGrid,
.scoreHero,
.scoreActionGrid,
.resetStats,
.workItemStats{
  display:none!important;
}

/* Close the space left by removed dashboard counters. */
.jobsStats + *,
.homesStats + *,
.mediaProStats + *,
.eventStats + *,
.profileStats + *,
.chatQuickStats + *{margin-top:10px!important}


/* Keep real images neat inside black/gold cards */
.imgReal{background:transparent!important}
.tile .img .imgReal,
#viewCategories .tile .img .imgReal,
#viewSubcats .tile .img .imgReal{
  object-fit:cover!important;
  padding:0!important;
  border-radius:12px!important;
}
.shopProductImage .imgReal,
.pimg .imgReal,
.imgbox .imgReal,
.cartThumb .imgReal{
  object-fit:contain!important;
  object-position:center center!important;
  padding:10px!important;
}


/* Uploaded black/gold icon set */
.moduleIconImage,.hubMainIconImage{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}


/* ===== FINAL REAL CLEANUP THEME OVERRIDES ===== */
.searchbar,.moduleRibbon,#moduleRibbon{display:none !important;}
.hubModuleTile{background:linear-gradient(180deg,#120f09,#120f09) !important;}
.hubModuleIcon{background:transparent !important; border-color:rgba(212,175,55,.12) !important;}
#viewCategories .tile,#viewSubcats .tile{background:linear-gradient(180deg,#120f09,#120f09) !important;}
#viewCategories .tile .img,#viewSubcats .tile .img{background:linear-gradient(145deg,#1a1509,#130f08) !important;}

/* ROUND 09 dark-surface enforcement */
.walletBalanceHero,.coinHero,.mediaCard,.mediaProCard,.mediaPostCard,
.sportsHero,.sportsProfileHero,.sportsRankHero,.sportsMatchCard,.sportsRankRow,.sportsTeamRow{
  color:var(--text)!important;
  background:linear-gradient(180deg,var(--surface-raised),var(--surface))!important;
  border-color:var(--border)!important;
}
.walletBalanceMain strong,.coinHeroMain strong,
.walletTxCopy strong,.coinHistoryCopy strong,
.mediaDetail h3,.mediaProTitle,.mediaPostTitle,
.sportsMatchCard strong,.sportsRankRow strong,.sportsTeamRow strong{
  color:var(--text)!important;
}
.walletTxCopy small,.coinHistoryCopy small,
.mediaDetail p,.mediaProMeta,.mediaPostMeta,
.sportsMatchCard small,.sportsRankRow small,.sportsTeamRow small{
  color:var(--text-muted)!important;
}

/* ROUND 10 dark surfaces */
.eduHero,.learnHero,.educationHero,.eduCourseCard,.learnCourseCard,.educationCourseCard,.eventHero,.eventsHero,.eventCard,.eventsCard,.eventDetailCard,.profileHero,.profileCoverCard,.profileSummaryCard,.profilePostCard,.chatListItem,.chatConversationRow,.chatGroupRow,.chatPanel,.chatThread,.chatSettingsCard{
 color:var(--text)!important;background:linear-gradient(180deg,var(--surface-raised),var(--surface))!important;border-color:var(--border)!important}