/* Helium UI v2.6.5 — single Sage & Lavender theme / component correctness.
   Purple-only and Green-only fields MUST remain separate. White is a first-class material.
   Correct the legacy color specimens, mobile hero, assistant and control shape at their source. */
html[data-he-theme="green-purple"]{
 --he-violet:#8B63C9;
 --he-violet-ink:#4E2873;
 --he-purple-light:#E9D8FA;
 --he-purple-pale:#FAF6FF;
 --he-green-soft:#C3E085;
 --he-field-track:#EAEFEA;
 --he-field-ink:#2B4E27;
}
/* Color selection: no Blue, orange or charcoal swatches in the Sage palette. */
html[data-he-theme="green-purple"] .he-demo .he-swatch{
 border:3px solid #FFFFFF;outline:1px solid #CEDDCA;
 width:38px;height:38px;border-radius:12px;corner-shape:squircle;
 box-shadow:none;transition:outline-color var(--helium-fast) ease,box-shadow var(--helium-fast) ease;
 cursor:pointer;
}
html[data-he-theme="green-purple"] .he-demo .he-swatch.active,
html[data-he-theme="green-purple"] .he-demo .he-swatch:focus-visible{
 outline:2px solid var(--he-violet-ink);outline-offset:2px;
 box-shadow:none;
}
html[data-he-theme="green-purple"] .he-demo .he-swatch:focus:not(:focus-visible){outline-color:#CEDDCA}
html[data-he-theme="green-purple"] .he-demo .he-slider-layout{width:100%;display:flex;align-items:center;gap:16px;}
html[data-he-theme="green-purple"] .he-demo input.he-range{
 -webkit-appearance:none;appearance:none;flex:1;min-width:100px;height:8px;
 margin:0;border:0;outline:0;border-radius:999px;cursor:pointer;
 background:linear-gradient(to right,#73A656 0%,#73A656 var(--he-slider-progress,62%),#EAEFEA var(--he-slider-progress,62%),#EAEFEA 100%);
}
html[data-he-theme="green-purple"] .he-demo input.he-range::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;width:22px;height:22px;background:#5A8B4E;
 border:3px solid #FFFFFF;border-radius:50%;corner-shape:round;
 box-shadow:0 1px 5px #2B4E2729;
}
html[data-he-theme="green-purple"] .he-demo input.he-range::-moz-range-thumb{
 width:16px;height:16px;background:#5A8B4E;border:3px solid #FFFFFF;
 border-radius:50%;box-shadow:0 1px 5px #2B4E2729;
}
html[data-he-theme="green-purple"] .he-demo input.he-range:focus-visible{
 outline:2px solid var(--he-violet-ink);outline-offset:6px;
}
html[data-he-theme="green-purple"] .he-demo .he-range-number{min-width:50px;text-align:right;color:#2B4E27;font-weight:650;}
/* Screen lab: canonical switch is one pill and one round thumb, without duplicate shadows. */
html[data-he-theme="green-purple"] .screen.lab .switch{
 appearance:none;display:inline-block;width:52px;height:30px;min-width:52px;padding:0;
 border:1px solid #C9D5C5;border-radius:999px;corner-shape:round;
 background:#EAEFEA;box-shadow:none;cursor:pointer;position:relative;
 transition:background 180ms ease,border-color 180ms ease;
}
html[data-he-theme="green-purple"] .screen.lab .switch::after{
 content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;
 border:0;border-radius:50%;background:#FFFFFF;
 box-shadow:0 1px 3px #2B4E2720;
 transform:translateX(0);transition:transform 180ms ease;
}
html[data-he-theme="green-purple"] .screen.lab .switch[aria-checked="true"]{background:#73A656;border-color:#73A656}
html[data-he-theme="green-purple"] .screen.lab .switch[aria-checked="true"]::after{transform:translateX(22px)}
html[data-he-theme="green-purple"] .screen.lab .switch:focus-visible{outline:2px solid #8B63C9;outline-offset:3px}
html[data-he-theme="green-purple"] .screen.lab input.range{
 appearance:none;-webkit-appearance:none;width:100%;height:8px;margin:12px 0 4px;border:0;
 border-radius:999px;cursor:pointer;
 background:linear-gradient(to right,#5A8B4E 0%,#5A8B4E var(--range-fill,65%),#EAEFEA var(--range-fill,65%),#EAEFEA 100%);
}
html[data-he-theme="green-purple"] .screen.lab input.range::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;width:22px;height:22px;
 border:3px solid #FFFFFF;border-radius:50%;background:#73A656;box-shadow:0 1px 5px #2B4E2722;
}
html[data-he-theme="green-purple"] .screen.lab input.range::-moz-range-thumb{
 width:16px;height:16px;border:3px solid #FFFFFF;border-radius:50%;background:#73A656;box-shadow:0 1px 5px #2B4E2722;
}
html[data-he-theme="green-purple"] .screen.lab input.range:focus-visible{outline:2px solid #8B63C9;outline-offset:5px}
/* Feature panels are monochrome: purple-only challenge and assistant, green-only organic cards. */
html[data-he-theme="green-purple"] .challenge-hero{
 color:#3F235D;background:radial-gradient(ellipse at 82% 10%,#FAF6FF 0%,transparent 55%),linear-gradient(160deg,#E9D8FA 0%,#C4A4F0 70%,#8B63C9 145%);
}
html[data-he-theme="green-purple"] .challenge-hero :is(.eyebrow,.bigval,.phone-head,.bigval.led){color:#3F235D;text-shadow:none}
html[data-he-theme="green-purple"] .challenge-hero .progress{background:#E9D8FA}
html[data-he-theme="green-purple"] .challenge-hero .progress>span{background:#8B63C9}
html[data-he-theme="green-purple"] .phone-inner.helium-assistant{
 color:#1F2320;
 background:radial-gradient(ellipse at 15% 12%,#FAF6FF 0%,transparent 54%),radial-gradient(ellipse at 86% 29%,#E9D8FA 0%,transparent 60%),radial-gradient(ellipse at 22% 88%,#E9D8FA 0%,transparent 54%),radial-gradient(ellipse at 87% 94%,#C4A4F0 0%,transparent 58%),#FAF6FF;
}
html[data-he-theme="green-purple"] .helium-assistant :is(.ha-title-row p,.ha-day,.ha-disclaimer){color:#4E2873}
html[data-he-theme="green-purple"] .helium-assistant .ha-bubble.from-ai{background:#FFFFFF;color:#2B4E27;backdrop-filter:none}
html[data-he-theme="green-purple"] .helium-assistant .ha-byline{color:#2B4E27}
html[data-he-theme="green-purple"] .helium-assistant .ha-form{background:#FFFFFF}
html[data-he-theme="green-purple"] .helium-assistant .ha-form textarea::placeholder{color:#7B857B}
html[data-he-theme="green-purple"] .helium-assistant .ha-send{background:#7546B4;color:#FFFFFF}
html[data-he-theme="green-purple"] .helium-assistant .phone-nav{background:#FFFFFF;color:#1F2320;backdrop-filter:none}
html[data-he-theme="green-purple"] .helium-assistant .phone-nav button{color:#2B4E27}
html[data-he-theme="green-purple"] .helium-assistant .phone-nav button.active{background:#E9D8FA;color:#4E2873}
/* Source-aware neutrality: recruitment cards stay white with sage, with purple as a chart accent. */
html[data-he-theme="green-purple"] .screen.jobs .panel.quiet[data-color="sage"]{background:#FFFFFF;color:#1F2320}
html[data-he-theme="green-purple"] .screen.jobs .job-highlight .panel-head .eyebrow{color:#2B4E27}
/* Improve readable small labels without changing the documented source swatches. */
html[data-he-theme="green-purple"] .he-card .he-card-desc,
html[data-he-theme="green-purple"] .he-demo .he-inline-note,
html[data-he-theme="green-purple"] .he-card .he-overline,
html[data-he-theme="green-purple"] .screen .tiny{color:#576957}
/* No default double border on form demo cards, no stale gray controls. */
html[data-he-theme="green-purple"] .he-card{background:#FFFFFF;color:#1F2320}
@media (prefers-reduced-motion:reduce){
 html[data-he-theme="green-purple"] .he-demo input.he-range,
 html[data-he-theme="green-purple"] .screen.lab .switch,
 html[data-he-theme="green-purple"] .screen.lab .switch::after{transition:none}
}