/* Guided Intelligence — selected option 3, applied to the existing product.
 * Load after composition styles. Layout, business states and role controls stay
 * in their original modules; this layer owns the shared visual treatment. */
body {
  background: var(--zr-bg) url('/guided-intelligence.png') center top / 1920px auto no-repeat;
  color: var(--zr-text);
}
body:has(.site-header) { background: var(--zr-bg); }
::selection { background: #6444b8; color: #fff; }
h1, h2, h3 { color: var(--zr-ink); }
.zr-logo { display: block; width: 202px; max-width: 100%; height: auto; }
.zr-brand { align-items: center; flex-shrink: 0; }
.zr-brand-block small { color: var(--zr-muted); letter-spacing: .13em; }
.eyebrow, .zr-eyebrow { color: #9cb7f1; }
button, .btn, .zr-button, input, select, textarea { border-radius: var(--zr-radius); }
button:hover, .zr-button:hover { background: #1b2c48; border-color: #5477ac; }
.primary, button.primary, .zr-button--primary, .zr-button--accent, .btn,
.academy .btn, .login-form .primary, .referral-page .primary {
  color: var(--zr-on-accent); background: #086ad1; border: 1px solid #5a91ff;
  box-shadow: 0 0 20px #178bff24, inset -10px 0 22px #774bdf38;
}
.primary:hover, button.primary:hover, .zr-button--primary:hover,
.zr-button--accent:hover, .btn:hover, .academy .btn:hover {
  background: #0c72d8; border-color: #a182ff; color: #fff;
  box-shadow: 0 0 25px #138eff38;
}
.secondary, .btn.secondary { color: var(--zr-ink); background: #101b2e; border-color: #395580; box-shadow: none; }
.secondary:hover, .btn.secondary:hover { background: #192941; border-color: #6d65b6; }
.quiet, .zr-button--ghost { background: transparent; box-shadow: none; color: var(--zr-muted); }
.danger, button.danger { background: var(--zr-danger-bg); border-color: #704354; color: var(--zr-danger); box-shadow: none; }
input, select, textarea { background: #0c1526; border-color: #354967; color: var(--zr-ink); }
input::placeholder, textarea::placeholder { color: #8799b7; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: #689aff; }
input[type='checkbox'], input[type='radio'] { accent-color: var(--zr-accent); }
.zr-panel, .card, .zr-metric, .metric { background: #101a2def; border-color: var(--zr-border); border-radius: var(--zr-radius-lg); }
.zr-badge, .badge { color: var(--zr-success); background: #123831; border-radius: 6px; }
.zr-badge--neutral, .badge.gray { color: #bdcae5; background: #23324c; }
.zr-badge--warning, .badge.amber { color: var(--zr-warning); background: var(--zr-warning-bg); }
.zr-badge--danger, .badge.red { color: var(--zr-danger); background: var(--zr-danger-bg); }
.notice, .zr-alert { background: var(--zr-warning-bg); border-color: #574a30; color: var(--zr-warning); border-radius: var(--zr-radius); }
.notice.good, .zr-alert--success { color: var(--zr-success); background: #12302d; border-color: #28564d; }
.zr-alert--info, .demo-notice { background: #101c30; color: #b5c4e0; border-color: #2e466b; }
.demo-notice b { color: #d5e4ff; }
tbody tr:hover { background: #17253d; }
th { background: #142138; color: #acbdd9; }
.zr-segmented { background: #0b1425; }
.zr-segmented button[aria-pressed='true'], .subnav button.active {
  background: #1e3961; color: #a7daff; box-shadow: inset 0 0 0 1px #467dcc;
}
dialog, .dialog { background: #101a2d; color: var(--zr-text); border: 1px solid #486093; border-radius: var(--zr-radius-lg); box-shadow: 0 25px 100px #0009; }
dialog::backdrop, .dialog::backdrop { background: #030812bd; backdrop-filter: blur(8px); }
.zr-skeleton { background: #233652; }
.zr-skip { color: #fff; border-radius: 8px; }
#toast, .gallery-toast { background: #193455; color: #fff; border: 1px solid #5389d1; }
.progress-fill { background: var(--zr-accent); }
.progress { accent-color: var(--zr-accent); }
.progress::-webkit-progress-value { background: var(--zr-accent); }
.progress::-moz-progress-bar { background: var(--zr-accent); }

/* Public site: preserve its editorial sections, introduce the selected theme. */
.site-header { background: #090f1df5; border-bottom-color: #253759; }
.header-inner { gap: 48px; }
.site-header .nav { color: #b9c8e4; }
.site-header .nav a:hover { color: #8acaff; text-decoration: none; }
.header-actions .btn { border-radius: 9px; }
.menu-toggle { background: #121e33; color: #dce7ff; }
.mono-hero { min-height: 568px; border-color: #2b3d62; }
.mono-hero-art { mix-blend-mode: normal; opacity: .95; object-position: center; }
.mono-hero-content { max-width: 650px; padding-top: 78px; }
.mono-hero .eyebrow { color: #a4baff; letter-spacing: .24em; }
.mono-hero h1 { color: #f1f5ff; font-weight: 750; font-size: clamp(48px,5.5vw,76px); }
.mono-hero h1 .hero-accent { color: #8bbaff; }
.mono-hero p { color: #b7c5df; max-width: 470px; }
.hero-caption { color: #91a4c7; }
.hero-caption span:first-child { border-color: #6964c4; }
.path-card { background: #101a2deb; border: 1px solid #2a3f62; border-radius: 14px; }
.path-card:hover { background: #15223b; border-color: #7471df; box-shadow: 0 0 22px #2e67ef1a; }
.path-top { color: #5db7ff; }
.path-card:nth-child(2) .path-top { color: #b08aff; }
.path-card:nth-child(3) .path-top { color: #79baff; }
.path-card h2 { color: #eff5ff; }
.filter { border-radius: 8px; }
.filter[aria-pressed='true'], .filter[aria-pressed='true']:hover {
  background: #173c68; color: #a9d9ff; border-color: #418bdb; box-shadow: 0 0 16px #137af521;
}
.filter:hover { background: #192b48; }
.project-art { border-radius: 14px; }
.tool { background: #101a2ddb; border-color: #2a3c5b; border-radius: 12px; }
.tool-icon { color: #64b8ff; }
.tool:nth-child(even) .tool-icon { color: #af8aff; }
.tool .planned { background: #1e2940; color: #acbad4; border-color: #35445e; }
.workflow { background: #0f1a30; border: 1px solid #4b4c88; border-radius: 16px; }
.workflow .eyebrow, .workflow p { color: #a9b9d6; }
.workflow .step { border-color: #293c61; }
.workflow .step > span { color: #8cbbff; }
.workflow .btn.secondary { background: #15253f; border-color: #506ca5; }
.workflow .btn.secondary:hover { background: #213455; }
.use-card { border-top-color: #3c5381; }
.plan { background: #101a2d; border-color: #2b3d5e; border-radius: 12px; }
.plan.featured { background: #171e39; border-color: #8261c6; }
.plan ul { color: #b4c4de; }
.mini-tag { color: #c5acff; background: #332756; }
.academy { background: #101c31; border-color: #3d5480; border-radius: 16px; }
.academy .eyebrow, .academy .section-heading p, .course small, .course p, .academy-note { color: #afc0de; }
.course { border-color: #34496a; }
.closing { background: #101a2d url('/guided-intelligence.png') right center / cover; border-color: #4c5291; border-radius: 16px; }
.dialog-body .notice, .demo-content { background: #16233a; border-color: #344a70; color: #b7c8e5; }
.demo-tabs button { background: #0d1628; border-color: #344967; color: #b5c6e4; border-radius: 8px; }
.demo-tabs button[aria-selected='true'] { background: #253e6c; color: #b5daff; border-color: #617cd8; }
.demo-detail { color: #adcbf1; }
.footer { background: transparent; }

/* Existing partner workspace. */
.shell { grid-template-columns: 238px minmax(0,1fr); }
.sidebar { background: #090f1df5; border-right: 1px solid #28385a; padding: 26px 18px 22px; }
.sidebar .zr-brand { display: block; }
.sidebar .zr-logo { width: 202px; }
.sidebar .zr-brand-block small { color: #91a5c9; text-align: center; font-size: 9px; margin-top: 8px; }
.sidebar .nav-label { color: #859cc2; margin-top: 32px; }
.sidebar .nav { gap: 7px; }
.sidebar .nav button { border: 1px solid transparent; border-radius: 9px; color: #a9bbd9; }
.sidebar .nav button .zr-icon { color: #779fe1; }
.sidebar .nav button.active { background: #142544; color: #a7d5ff; border-color: #4367ad; box-shadow: inset 3px 0 #269cff, 0 0 18px #256bff18; }
.sidebar .nav button.active .zr-icon { color: #65bdff; }
.sidebar .nav button:hover { background: #192841; color: #fff; }
.sidebar-bottom { margin-top: auto; border-color: #273856; color: #9cafd0; }
.sidebar .badge { color: #c1b1f7; background: #2b2548; }
.main { padding-left: 32px; padding-right: 32px; }
.topbar { border-color: #263859; color: #acbedc; }
.page-head h1 { color: #f2f5ff; }
.metrics { gap: 14px; }
.metric { border: 1px solid #2e4368; box-shadow: inset 0 1px #667bb322; }
.metric:first-child { border-color: #4673c2; }
.metric strong { color: #eff5ff; }
.metric:first-child strong { color: #8dcaff; }
.metric:nth-child(3) strong { color: #b8a0ff; }
.metric small { color: #9baecc; }
.overview-chart { border-color: #40558a; box-shadow: 0 0 28px #3c44b510; }
.table-card { border-radius: 12px; }
.workspace-note, .promotion-card { background: #111e34; border-left-color: #8a65f4; }
.banner { background: #141e35; border: 1px solid #4b4b82; color: #e4edff; }
.banner p, .banner small { color: #b5c6e5; }
.mobile-avatar { background: #213855; color: #8dcaff; }
.login-art { background: #090f1d url('/guided-intelligence.png') 65% center / cover; }
.login-art .zr-brand-block small, .login-art p, .login-stats small { color: #acbddc; }
.login-art .zr-logo { width: 260px; }
.login-art h1 em { color: #9fafff; }
.login-stats strong { color: #84c7ff; }
.login-form { background: #0d1628ee; }
.login-form > div { max-width: 420px; }
.referral-header .zr-logo { width: 230px; }
.referral-hero h1 { color: #e4eeff; }
.referral-page .catalog .card { border-color: #3e5380; }
.gallery-header { background: #090f1d; }
.swatch.ink { color: #101a2d; }
.swatch.white { background: var(--zr-surface); }
.swatch.muted { color: #080e1b; }
.swatch.lime { color: #fff; }

@media (max-width:1200px) and (min-width:951px) {
  .shell { grid-template-columns: 210px minmax(0,1fr); }
  .sidebar { padding-left: 14px; padding-right: 14px; }
  .main { padding-left: 24px; padding-right: 24px; }
  .header-inner { gap: 28px; }
  .site-header .nav { gap: 24px; }
}
@media (max-width:950px) {
  .shell { display: block; }
  .sidebar { padding: 10px 16px; }
  .sidebar .nav { gap: 5px; }
  .sidebar .nav button.active { box-shadow: inset 0 -2px #269cff; }
  .main { padding-left: 24px; padding-right: 24px; }
  .header-inner { gap: 20px; }
  .site-header .nav { gap: 20px; }
  .site-header .zr-logo { width: 174px; }
}
@media (max-width:760px) {
  .site-header .nav { background: #101b2f; }
  .site-header .nav a:hover { background: #1b2b45; }
  .site-header .zr-logo { width: 156px; }
  .header-inner { gap: 10px; }
}
@media (max-width:620px) {
  body { background-size: auto 1100px; background-position: 55% top; }
  .mono-hero { min-height: 0; }
  .mono-hero-content { padding-top: 42px; }
  .mono-hero h1 { font-size: clamp(38px,11.3vw,60px); }
  .mono-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: -1; opacity: .7; object-position: 56% center; }
  .hero-caption { margin-top: 38px; background: transparent; }
  .path-card { border-radius: 12px; }
  .main { padding-left: 16px; padding-right: 16px; }
  .mobile-header { background: #090f1d; }
  .mobile-wordmark .zr-logo { width: 148px; }
  .mobile-nav { background: #0c1628f5; border-top: 1px solid #34466c; box-shadow: 0 -8px 30px #02061080; backdrop-filter: blur(16px); }
  .mobile-nav button { color: #a6b8d7; border-radius: 9px; }
  .mobile-nav button[aria-current], .mobile-nav button.active { background: #1c3155; color: #88caff; box-shadow: inset 0 1px #6f63d9; }
  .login-art .zr-logo { width: 210px; }
  .referral-header .zr-logo { width: 170px; }
  dialog, .dialog { border-radius: 16px 16px 0 0; }
  .dialog-head, .dialog-body .actions, .form-footer { background: #101a2d; }
  .chart-period button { font-size: 12px; }
}
@media (max-width:360px) {
  .site-header .zr-logo { width: 128px; }
  .header-inner { gap: 6px; }
  .header-actions { gap: 6px; }
  .mobile-wordmark .zr-logo { width: 132px; }
}