/* YasReady Shared Visual System — Business 4.9.1
   Studio's light/dark surface system + YasReady's Business green identity. */
:root,
:root[data-theme="light"]{
  --yr-brand:#C6FF00;
  --yr-green:#16815c;
  --yr-green-2:#25a36f;
  --yr-green-soft:#e7f5ee;
  --yr-bg:#f4f5f8;
  --yr-panel:#ffffff;
  --yr-panel2:#f0f2f6;
  --yr-text:#141720;
  --yr-muted:#686f7c;
  --yr-line:rgba(20,24,34,.12);
  --yr-shadow:0 20px 60px rgba(30,34,45,.07);
  --yr-shadow-strong:0 26px 80px rgba(30,34,45,.10);
  --bg:var(--yr-bg)!important;
  --surface:var(--yr-panel)!important;
  --surface-2:var(--yr-panel2)!important;
  --card:var(--yr-panel)!important;
  --ink:var(--yr-text)!important;
  --text:var(--yr-text)!important;
  --muted:var(--yr-muted)!important;
  --line:var(--yr-line)!important;
  --purple:var(--yr-green)!important;
  --purple-soft:var(--yr-green-soft)!important;
  --purple-line:#b8ddc9!important;
  --accent:var(--yr-green)!important;
  --accent2:var(--yr-green-soft)!important;
  --green:var(--yr-green)!important;
  --lime:var(--yr-brand)!important;
  --dark:#111713!important;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --yr-bg:#07090e;
  --yr-panel:#10141c;
  --yr-panel2:#151a24;
  --yr-text:#f7f8fb;
  --yr-muted:#9299a8;
  --yr-line:rgba(255,255,255,.10);
  --yr-shadow:0 20px 60px rgba(0,0,0,.28);
  --yr-shadow-strong:0 28px 86px rgba(0,0,0,.36);
  --yr-green:#5bd69a;
  --yr-green-2:#2ac982;
  --yr-green-soft:rgba(91,214,154,.11);
  --bg:var(--yr-bg)!important;
  --surface:var(--yr-panel)!important;
  --surface-2:var(--yr-panel2)!important;
  --card:var(--yr-panel)!important;
  --ink:var(--yr-text)!important;
  --text:var(--yr-text)!important;
  --muted:var(--yr-muted)!important;
  --line:var(--yr-line)!important;
  --purple:var(--yr-green)!important;
  --purple-soft:var(--yr-green-soft)!important;
  --purple-line:rgba(91,214,154,.28)!important;
  --accent:var(--yr-green)!important;
  --accent2:var(--yr-green-soft)!important;
  --green:var(--yr-green)!important;
  --lime:var(--yr-brand)!important;
  --dark:#0d1117!important;
  color-scheme:dark;
}
html,body{background:var(--yr-bg)!important;color:var(--yr-text)!important}
body{
  background:
    radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--yr-green) 11%,transparent),transparent 31rem),
    radial-gradient(circle at 48% -10%,rgba(198,255,0,.045),transparent 25rem),
    var(--yr-bg)!important;
  background-attachment:fixed!important;
  transition:background .18s ease,color .18s ease;
}
.navWrap,.nav{background:color-mix(in srgb,var(--yr-panel) 88%,transparent)!important;border-color:var(--yr-line)!important;color:var(--yr-text)!important}
.navWrap{backdrop-filter:saturate(160%) blur(24px)!important;-webkit-backdrop-filter:saturate(160%) blur(24px)!important}
.navlinks button{color:var(--yr-muted)!important}.navlinks button:hover{background:var(--yr-panel2)!important;color:var(--yr-text)!important}
.brand{color:var(--yr-text)!important}.brandMark{background:#171719!important;border-radius:11px!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}.brandDot{color:var(--yr-brand)!important}
.avatar{background:var(--yr-green-soft)!important;color:var(--yr-green)!important}
.supportStrip{background:#0f1512!important;border-bottom:1px solid rgba(198,255,0,.12)}.supportStrip p{color:#aeb7b2!important}.supportStrip button{color:var(--yr-brand)!important}
.kicker,.tiny,.textBtn,.heroPath b,.freeTool .tiny,.status:not(.muted){color:var(--yr-green)!important}
.badge,.pill,.supportStatusPill{background:var(--yr-green-soft)!important;color:var(--yr-green)!important}
.hero h1 .accent{color:var(--yr-green)!important}
.btn.primary{background:linear-gradient(120deg,#127351,#1e9a6b)!important;color:#fff!important;box-shadow:0 10px 26px rgba(22,129,92,.20)!important}
.btn.primary:hover{filter:brightness(1.05)}
.btn.secondary,.btn.ghost,.btn.light{background:var(--yr-panel2)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important}
:root[data-theme="light"] .btn.secondary,:root[data-theme="light"] .btn.ghost,:root[data-theme="light"] .btn.light{background:#fff!important}
.progress span,.bar span,.obProgress span{background:linear-gradient(90deg,var(--yr-green),var(--yr-green-2))!important}
.nextCard,.dark,.founding,.tierSimulator,.intelHero,.expertMini{background:linear-gradient(145deg,#0c1511,#13231b)!important;color:#fff!important;border:1px solid rgba(198,255,0,.08)!important}
.nextIcon,.dark .kicker,.founding .kicker,.tierSimulator .kicker,.intelHero .kicker,.expertMini .kicker{color:var(--yr-brand)!important}
.tool.featured,.bigTool.featured,.freeTool:hover,.heroPath:hover,.forkChoice:hover{border-color:color-mix(in srgb,var(--yr-green) 42%,var(--yr-line))!important;box-shadow:0 18px 48px rgba(22,129,92,.10)!important}
.choice.selected,.tierChoice.active{border-color:var(--yr-green)!important;box-shadow:inset 0 0 0 1px var(--yr-green)!important;background:var(--yr-green-soft)!important}
.lessonHeroIcon,.supportFeatureIcon,.gateIcon,.dot,.yr480Icon{background:var(--yr-green-soft)!important;color:var(--yr-green)!important}
.lessonTip,.journeyStep.done,.qaStat.good,.setupCompleteBanner{background:color-mix(in srgb,var(--yr-brand) 16%,var(--yr-panel))!important;border-color:color-mix(in srgb,var(--yr-brand) 28%,var(--yr-line))!important;color:var(--yr-text)!important}
.yr47Lever{border-left-color:var(--yr-brand)!important}
.yr480Module.core{border-color:rgba(198,255,0,.30)!important;background:linear-gradient(145deg,rgba(198,255,0,.08),rgba(22,129,92,.05)),var(--yr-panel)!important}
.yr480MoneyRule{background:color-mix(in srgb,var(--yr-green) 8%,var(--yr-panel2))!important;border-color:color-mix(in srgb,var(--yr-green) 25%,var(--yr-line))!important}

/* Shared rounded Studio surfaces */
:where(.mock,.mockProgress,.mockStep,.credWrap,.receipt,.freeTool,.tool,.bigTool,.choice,.progressCard,.insightCard,.miniRoad,.sideCard,.miniStep,.lessonIcon,.legalCard,.settingsCard,.printPlan,.healthQ,.forgetItem,.contactCard,.resourceLink,.plain,.checkRow,.wsCard,.runCard,.profileItem,.dataQuality,.metricPreviewCard,.monthCard,.kpiCard,.leverBoard,.targetCard,.finTableWrap,.finInputCard,.forecastCard,.actualField,.nextMove,.planStage,.healthCard,.connectPreview,.guideCard,.quickAction,.productShellNote,.setupStep,.osCard,.todayCheck,.reviewCard,.labCard,.qaStat,.planGate,.connectTile,.supportBetaNotice,.customerChat,.customerComposer,.supportContextCard,.pathCard,.checkupField,.diagCard,.yr47Metric,.yr47Lesson,.secondPathInvite,.businessFork,.heroPath,.existingForm,.intelMetric,.yr480Module,.yr480SourceRow,.existingForm,.workspaceCard){
  border-color:var(--yr-line)!important;
  box-shadow:none;
}
:root[data-theme="light"] :where(.mock,.credWrap,.freeTool,.tool,.bigTool,.progressCard,.sideCard,.settingsCard,.customerChat,.businessFork,.existingForm,.yr480Module){box-shadow:var(--yr-shadow)!important}

/* Dark-mode conversion for legacy white surfaces */
:root[data-theme="dark"] :where(
.btn.secondary,.btn.light,.btn.dangerOutline,.mock,.mockProgress,.mockStep,.credWrap,.receipt,.freeTool,.tool,.bigTool,.choice,.progressCard,.insightCard,.miniRoad,.sideCard,.miniStep,.lessonIcon,.legalCard,.settingsCard,.printPlan,.field input,.field textarea,.field select,.healthQ,.toggle button.on,.forgetItem,.warn,.dangerZone,.contactCard,.resourceLink,.plain,.checkRow,.workspaceTabs button,.wsCard,.wsField input,.wsField textarea,.wsField select,.miniField input,.miniField select,.iconBtn,.wsNext b,.runCard,.profileItem,.dataQuality,.metricPreviewCard,.monthCard,.kpiCard,.leverBoard,.targetCard,.finTableWrap,.finInputCard,.forecastCard,.actualField,.nextMove,.planStage,.healthCard,.connectPreview,.mobileMenuBtn,.mobileDrawer button,.guideCard,.quickAction,.productShellNote,.setupStep,.osCard,.todayCheck,.reviewCard,.labCard,.journeyStep button,.qaStat,.frictionForm textarea,.frictionForm select,.frictionItem,.backupCard,.planGate,.connectTile,.customerChat,.customerComposer,.supportContextCard,.pathCard,.checkupField,.diagCard,.yr47Metric,.yr47Lesson,.secondPathInvite,.businessFork,.heroPath,.existingForm,.intelMetric,.yr480Module,.yr480SourceRow,.menu
){background:var(--yr-panel)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important}
:root[data-theme="dark"] :where(.mockProgress,.miniStep:hover,.workspaceTabs,.customerMessages,.journeyStep,.roadBanner,.yr47Lever,.yr480MoneyRule,.mobileDrawer,.quickAction:hover){background:var(--yr-panel2)!important}
:root[data-theme="dark"] :where(input,select,textarea,.existingField input,.existingField select,.existingField textarea,.checkupField input,.checkupField select,.checkupField textarea){background:var(--yr-panel2)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important}
:root[data-theme="dark"] :where(.pageHead p,.hero p,.sectionHead p,.credTop p,.freeTool p,.tool p,.bigTool p,.sideCard p,.lessonRow p,.existingHero p,.existingField small,.supportContextRow span,.supportFeatureRow span,.yr47Metric p,.yr47Lesson p,.yr480Module p,.yr480SourceRow small,.smallNote){color:var(--yr-muted)!important}
:root[data-theme="dark"] :where(.chip,.stagePill,.yr47Status,.severity){background:var(--yr-panel2)!important;color:var(--yr-muted)!important}
:root[data-theme="dark"] .menu button:hover{background:var(--yr-panel2)!important}
:root[data-theme="dark"] .customerBubble{background:var(--yr-panel2)!important;color:var(--yr-text)!important}.customerBubble.me{background:#153a2c!important;color:#fff!important}.customerBubble.system{background:rgba(91,214,154,.09)!important;color:#a9ddc4!important}
:root[data-theme="dark"] .modalBack{background:rgba(0,0,0,.68)!important}.lessonModal{background:var(--yr-bg)!important;color:var(--yr-text)!important}

/* Shared Business theme control */
.yr-shared-theme-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--yr-line);border-radius:12px;background:var(--yr-panel2);color:var(--yr-text);font-weight:850;cursor:pointer;flex:0 0 auto}
.yr-shared-theme-toggle:hover{background:color-mix(in srgb,var(--yr-panel2) 82%,var(--yr-green) 18%)}
:root[data-theme="light"] .yr-shared-theme-toggle{background:#fff}

@media(max-width:760px){.yr-shared-theme-toggle{width:36px;height:36px}.navright{gap:6px}}

/* 4.9.1 Business intelligence polish */
.runInsight{background:linear-gradient(135deg,color-mix(in srgb,var(--yr-green) 8%,var(--yr-panel)),var(--yr-panel))!important;border-color:color-mix(in srgb,var(--yr-green) 22%,var(--yr-line))!important;color:var(--yr-text)!important}
.runInsight p{color:var(--yr-muted)!important}
:root[data-theme="dark"] .runInsight{background:linear-gradient(135deg,rgba(91,214,154,.075),var(--yr-panel))!important;border-color:rgba(91,214,154,.18)!important}
.runInsight .previewLock{background:var(--yr-panel2)!important;color:var(--yr-muted)!important;border:1px solid var(--yr-line)!important}