/* Final mint-green theme. Loaded after the light reference theme. */
:root {
  --green: #15996d;
  --green-strong: #42d99a;
  --green-dim: #dff8ea;
  --mint: #e8fbef;
  --ink: #f4fcf7;
  --ink-2: #ebfaf1;
  --ink-3: #ddf6e8;
}

html,
body {
  color: #21384a !important;
  background:
    linear-gradient(122deg, rgba(250, 255, 252, 0.86) 0%, rgba(220, 249, 232, 0.9) 37%, rgba(240, 253, 246, 0.86) 62%, rgba(211, 246, 225, 0.82) 100%),
    #ebfaf1 !important;
}

body::before {
  opacity: 0.46 !important;
  background-image:
    linear-gradient(rgba(20, 143, 95, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 143, 95, 0.045) 1px, transparent 1px) !important;
}

.topbar {
  border-bottom-color: rgba(35, 139, 92, 0.13) !important;
  background: rgba(246, 255, 250, 0.84) !important;
}

.topbar::after {
  background: linear-gradient(90deg, #21a871, rgba(33, 168, 113, 0.08) 48%, transparent) !important;
}

.rail {
  border-right-color: rgba(35, 139, 92, 0.1) !important;
  background: rgba(238, 252, 244, 0.48) !important;
}

.rail-item {
  color: #657d73 !important;
}

.rail-item:hover {
  color: #167a57 !important;
  background: rgba(35, 170, 112, 0.08) !important;
}

.rail-item.active {
  color: #137c57 !important;
  background: rgba(35, 170, 112, 0.13) !important;
}

.rail-item.active::before {
  background: #24b57a !important;
  box-shadow: 0 0 10px rgba(36, 181, 122, 0.32) !important;
}

.header-search,
.credit-wallet-pill,
.member-pill,
.icon-button {
  border-color: rgba(34, 145, 95, 0.16) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}

.credit-wallet-pill > span,
.credit-wallet-pill strong,
.member-avatar {
  color: #ffffff !important;
}

.credit-wallet-pill > span,
.credit-wallet-pill strong {
  text-shadow: none;
}

.member-avatar {
  background: linear-gradient(145deg, #36c88a, #0f8a61) !important;
}

.login-message h1 span:nth-child(2) {
  color: #15966a !important;
}

.login-tab.active {
  color: #147a58 !important;
  background: rgba(229, 250, 239, 0.92) !important;
}

.v4-version {
  border-color: #21a875 !important;
  background: linear-gradient(145deg, #35c98b, #16855e) !important;
}

button.primary-button {
  border-color: #1ea572 !important;
  background: linear-gradient(135deg, #35cc8e 0%, #1ba16f 58%, #117a57 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 8px 20px rgba(22, 142, 96, 0.2) !important;
}

button.primary-button:hover {
  border-color: #16855d !important;
  background: linear-gradient(135deg, #46d89d 0%, #22ad79 58%, #14845e 100%) !important;
}

button.secondary-button,
button.outline-button {
  border-color: rgba(39, 143, 99, 0.18) !important;
  color: #2e554b !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

.header-search:focus-within,
.field input:focus,
.field textarea:focus,
.field select:focus,
.text-field:focus,
#page-operator textarea:focus,
#page-operator input:not([type="checkbox"]):focus {
  border-color: rgba(33, 175, 116, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(33, 175, 116, 0.09) !important;
}

.hero-card,
.course-hero,
.course-programs,
.curriculum-section,
.assessment-hub,
.question-card,
.unlocked-report,
.featured-live,
.course-program-card,
.path-card,
.module-card,
.module-row,
.lesson-main,
.lesson-sidebar,
.live-archive,
.right-card,
.membership-card,
.member-stat-grid article,
.distribution-section,
.benefit-section,
.member-next-step,
.radar-card,
#page-operator article,
#page-operator .operator-editor-card,
#page-operator .operator-generation-card,
#page-operator .operator-data-toolbar,
#page-operator .operator-data-empty,
#page-operator .acquisition-publish-panel,
#page-operator .manual-transcript-panel,
#page-operator .content-rewrite-panel,
#page-operator .content-rewrite-result,
#page-operator .kaipai-storyboard-card,
#page-operator .kaipai-settings-card,
#page-operator .kaipai-upload-card,
#page-operator .kaipai-source-preview,
#page-operator .operator-expert-card,
#page-operator .ip-photo-slot {
  border-color: rgba(36, 142, 98, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(244, 255, 249, 0.74)) !important;
  box-shadow: 0 12px 34px rgba(34, 112, 76, 0.055) !important;
}

#page-home .hero-card {
  background: transparent !important;
  box-shadow: none !important;
}

#page-home .hero-actions {
  border-color: rgba(38, 145, 99, 0.14) !important;
  background: rgba(250, 255, 252, 0.55) !important;
  box-shadow: 0 16px 45px rgba(35, 112, 75, 0.06) !important;
}

#page-home .hero-copy h1 span.accent {
  color: #19885f !important;
}

.hero-status,
.assessment-hub-index,
.course-track-switch,
.course-meta span,
.operator-inline-tags span,
.kaipai-feature-chips span,
.operator-channel-list span,
.operator-expert-tools span {
  border-color: rgba(36, 142, 98, 0.16) !important;
}

.operator-ritual,
.acquisition-bridge,
.live-visual {
  border-color: rgba(32, 168, 111, 0.18) !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(43, 205, 133, 0.09), transparent 32%),
    linear-gradient(120deg, rgba(255, 255, 255, 0.84), rgba(241, 255, 247, 0.8)) !important;
  box-shadow: 0 12px 34px rgba(35, 115, 78, 0.05) !important;
}

.operator-launch-badge,
.operator-hero-kicker,
.operator-model-proof span {
  color: #12875f !important;
}

.operator-launch-badge {
  border-color: rgba(32, 168, 111, 0.2) !important;
  background: rgba(231, 250, 239, 0.76) !important;
}

.operator-goal-card {
  border-color: rgba(32, 168, 111, 0.16) !important;
  background: rgba(238, 252, 244, 0.78) !important;
}

.operator-goal-card > strong {
  color: #15966a !important;
}

.operator-head-status {
  border-color: rgba(32, 168, 111, 0.17) !important;
  background: linear-gradient(145deg, #ffffff, #effbf5) !important;
}

.operator-head-status span,
.operator-head-status strong {
  color: #13855e !important;
}

.operator-ritual h3 span {
  color: #0c8c69 !important;
}

.acquisition-orbit {
  border-color: rgba(32, 168, 111, 0.3) !important;
  background: #effbf5 !important;
}

.acquisition-orbit::after,
#page-operator .acquisition-orbit i {
  background: #22b47c !important;
  box-shadow: 0 0 12px rgba(34, 180, 124, 0.42) !important;
}

.live-center span {
  color: #15966a !important;
}

.live-center strong {
  color: #24664e !important;
}

.hero-status,
.assessment-hub-index {
  background: rgba(248, 255, 251, 0.58) !important;
}

.assessment-directory-item,
.business-tier,
.course-track-switch button,
.operator-channel-list,
#page-operator .operator-io-grid article,
#page-operator .operator-stage-hero,
#page-operator .operator-plan-grid article,
#page-operator .operator-content-grid article,
#page-operator .operator-week-grid article {
  border-color: rgba(36, 142, 98, 0.13) !important;
  background: rgba(250, 255, 252, 0.68) !important;
}

.program-index {
  border-color: rgba(32, 168, 111, 0.3) !important;
  color: #18885f !important;
}

.program-result,
.assessment-hub-badge,
.status-chip {
  border-color: rgba(32, 168, 111, 0.2) !important;
  color: #16865f !important;
  background: rgba(231, 250, 239, 0.78) !important;
}

.course-number {
  color: rgba(31, 170, 111, 0.085) !important;
}

.business-tier b::before,
.ai-program-price small,
.path-index {
  color: #168a61 !important;
}

.path-state {
  border-color: rgba(32, 168, 111, 0.22) !important;
  color: #15815b !important;
  background: rgba(232, 250, 240, 0.78) !important;
}

.path-state.red {
  border-color: rgba(32, 168, 111, 0.26) !important;
  color: #117a57 !important;
}

.assessment-directory-item:hover,
.assessment-directory-item.active,
.business-tier.featured,
.course-track-switch button.active {
  border-color: rgba(35, 168, 112, 0.3) !important;
  background: rgba(228, 249, 237, 0.78) !important;
}

.business-tier > strong,
.path-cta,
.ability-tags span,
.io-label,
.operator-io-grid span {
  color: #16855f !important;
}

.ability-tags span:first-child,
.radar-card .ability-tags span:first-child {
  border-color: #2bbb80 !important;
  background: linear-gradient(135deg, #33c98c, #15845e) !important;
}

.course-track-switch button.active > span,
.course-track-switch button:nth-child(2).active > span,
.result-radar-labels .top-label,
.radar-card .eyebrow {
  color: #12906a !important;
}

.large-radar .result-rings polygon,
.large-radar .result-rings path {
  stroke: rgba(41, 142, 101, 0.14) !important;
}

.large-radar .neural-spoke {
  stroke: rgba(30, 158, 109, 0.23) !important;
}

.large-radar .neural-cross-link {
  stroke: rgba(30, 158, 109, 0.15) !important;
}

.large-radar .result-polygon {
  fill: rgba(33, 177, 117, 0.1) !important;
  stroke: #34b981 !important;
  filter: drop-shadow(0 0 7px rgba(36, 181, 124, 0.28)) !important;
}

.large-radar .neural-particle {
  fill: rgba(23, 131, 91, 0.46) !important;
}

#resultRadarArea .neural-node .node-halo {
  fill: rgba(49, 190, 132, 0.1) !important;
  stroke: rgba(30, 159, 110, 0.34) !important;
}

#resultRadarArea .neural-node .node-dot {
  fill: #ffffff !important;
  stroke: #20a875 !important;
  filter: drop-shadow(0 0 5px rgba(32, 168, 117, 0.48)) !important;
}

#resultRadarArea .neural-node.is-top .node-halo {
  fill: rgba(66, 218, 153, 0.2) !important;
  stroke: rgba(27, 159, 109, 0.55) !important;
}

#resultRadarArea .neural-node.is-top .node-dot {
  fill: #ffffff !important;
  stroke: #16a872 !important;
}

#resultRadarArea .neural-core-halo {
  fill: rgba(39, 188, 126, 0.1) !important;
  stroke: rgba(32, 166, 113, 0.24) !important;
}

#resultRadarArea .neural-core-ring {
  stroke: rgba(27, 151, 103, 0.42) !important;
}

#resultRadarArea .neural-core {
  fill: #16996b !important;
  stroke: #ffffff !important;
  filter: drop-shadow(0 0 8px rgba(35, 186, 124, 0.5)) !important;
}

.result-radar-labels text {
  fill: #466758 !important;
}

.result-radar-labels .top-label {
  fill: #12845f !important;
}

.radar-interaction-hint span {
  border-color: rgba(34, 153, 103, 0.16) !important;
  color: #55756b !important;
  background: rgba(247, 255, 251, 0.72) !important;
}

.pointer-aura {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  display: block !important;
  width: 165px;
  height: 165px;
  pointer-events: none;
  border: 0;
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle, rgba(59, 220, 145, 0.11), rgba(59, 220, 145, 0.04) 40%, transparent 70%);
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 180ms ease;
  mix-blend-mode: multiply;
}

.pointer-aura::before,
.pointer-aura::after {
  display: none !important;
}

.pointer-aura.visible {
  opacity: 1;
}

@media (max-width: 720px) {
  html,
  body {
    background:
      linear-gradient(145deg, rgba(247, 255, 251, 0.9), rgba(218, 248, 231, 0.92)),
      #eafaf1 !important;
  }

  .pointer-aura {
    display: none !important;
  }
}

/* Softer mint finish: white-first surfaces, green only as a light accent. */
html,
body {
  background:
    linear-gradient(122deg, rgba(253, 255, 254, 0.96) 0%, rgba(239, 251, 245, 0.9) 42%, rgba(250, 254, 252, 0.94) 72%, rgba(233, 248, 240, 0.84) 100%),
    #f5fcf8 !important;
}

body::before {
  opacity: 0.28 !important;
}

.topbar {
  background: rgba(253, 255, 254, 0.9) !important;
}

.rail {
  background: rgba(249, 254, 251, 0.52) !important;
}

.rail-item.active {
  color: #25745a !important;
  background: rgba(43, 157, 110, 0.08) !important;
}

.rail-item.active::before {
  background: #4eb78d !important;
  box-shadow: 0 0 7px rgba(78, 183, 141, 0.22) !important;
}

.hero-card,
.course-hero,
.course-programs,
.curriculum-section,
.assessment-hub,
.question-card,
.unlocked-report,
.featured-live,
.course-program-card,
.path-card,
.module-card,
.module-row,
.lesson-main,
.lesson-sidebar,
.live-archive,
.right-card,
.membership-card,
.member-stat-grid article,
.distribution-section,
.benefit-section,
.member-next-step,
.radar-card,
#page-operator article,
#page-operator .operator-editor-card,
#page-operator .operator-generation-card,
#page-operator .operator-data-toolbar,
#page-operator .operator-data-empty,
#page-operator .acquisition-publish-panel,
#page-operator .manual-transcript-panel,
#page-operator .content-rewrite-panel,
#page-operator .content-rewrite-result,
#page-operator .kaipai-storyboard-card,
#page-operator .kaipai-settings-card,
#page-operator .kaipai-upload-card,
#page-operator .kaipai-source-preview,
#page-operator .operator-expert-card,
#page-operator .ip-photo-slot {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(249, 255, 252, 0.84)) !important;
}

button.primary-button {
  border-color: #358f70 !important;
  background: linear-gradient(135deg, #3aa47e, #20785e) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 7px 18px rgba(32, 120, 94, 0.16) !important;
}

button.primary-button:hover {
  background: linear-gradient(135deg, #45ad87, #268267) !important;
}

.assessment-directory-item,
.business-tier,
.course-track-switch button,
.operator-channel-list,
#page-operator .operator-io-grid article,
#page-operator .operator-stage-hero,
#page-operator .operator-plan-grid article,
#page-operator .operator-content-grid article,
#page-operator .operator-week-grid article {
  background: rgba(253, 255, 254, 0.74) !important;
}

.assessment-directory-item:hover,
.assessment-directory-item.active,
.business-tier.featured,
.course-track-switch button.active {
  background: rgba(240, 251, 246, 0.82) !important;
}

.pointer-aura {
  position: fixed !important;
  z-index: 9998 !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 210px !important;
  height: 210px !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  opacity: 0;
  background: radial-gradient(
    circle,
    rgba(62, 215, 144, 0.14) 0%,
    rgba(62, 215, 144, 0.06) 28%,
    rgba(62, 215, 144, 0.02) 52%,
    transparent 72%
  ) !important;
  box-shadow: none !important;
  filter: blur(9px);
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 240ms ease;
  mix-blend-mode: multiply;
}

.pointer-aura::before,
.pointer-aura::after {
  display: none !important;
}

.pointer-aura.visible {
  opacity: 0.85;
}