/* Decorative orbits never intercept banner controls or alter target calculations. */
.kc-dashboard-layout .dash-hero{min-height:340px;background:radial-gradient(ellipse at 30% 50%,#263568 0,transparent 60%),linear-gradient(110deg,#070e23,#142139 65%,#32170f);gap:36px}
.dash-solar-system{position:absolute;inset:0 28% 0 0;overflow:hidden;pointer-events:none;z-index:0;opacity:.85;mask-image:linear-gradient(90deg,#000 70%,transparent)}
.dash-solar-system:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff9 1px,transparent 1.5px),radial-gradient(circle,#8abaff88 1px,transparent 2px);background-size:83px 71px,137px 113px;background-position:19px 31px,57px 9px}
.dash-solar-core{position:absolute;width:100px;height:100px;left:48%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff8bc,#ffb640 45%,#e34716 75%);box-shadow:0 0 35px #ffad4877,0 0 100px #fb662333;animation:solar-breathe 7s ease-in-out infinite}
.dash-planet-orbit{position:absolute;left:48%;top:50%;width:calc(120px + var(--planet-index)*106px);aspect-ratio:1;border:1px solid #abbef82b;border-radius:50%;transform:translate(-50%,-50%) rotateX(52deg) rotate(-24deg)}
.dash-planet-orbit .dash-planet{position:absolute;inset:0;border-radius:50%;animation:solar-orbit calc(14s + var(--planet-index)*9s) linear infinite;animation-delay:calc(var(--planet-index)*-9s)}
.dash-planet:before{content:'';position:absolute;left:50%;top:-9px;width:calc(9px + var(--planet-index)*4px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#def4ff,#5294e8 45%,#142340 80%);box-shadow:0 0 14px #72c3ff44}
.dash-planet-orbit:nth-child(3) .dash-planet:before{background:radial-gradient(circle at 30% 25%,#fff0c3,#c1804d 45%,#402315 85%)}
.dash-planet-orbit:nth-child(5) .dash-planet:before{background:repeating-linear-gradient(15deg,#aa785f 0 4px,#eac29a 5px 8px,#755b61 9px 12px);box-shadow:inset -9px -4px 10px #0009}
.kc-dashboard-layout .dash-hero-copy{position:relative;z-index:1;text-shadow:0 2px 6px #020617,0 0 22px #020617;padding:22px 0;background:linear-gradient(90deg,#091329bb,transparent);border-radius:14px}
.kc-dashboard-layout .dash-fire-sun{width:270px;height:270px;margin:4px 26px 16px;z-index:1;filter:drop-shadow(0 0 20px #ff671d44)}
.dash-fire-sun:after{display:none}.dash-sun-surface{position:absolute;inset:27px;border-radius:50%;background:radial-gradient(circle at 36% 26%,#ffe7a6 0,#ffb22e 24%,#ee5b10 53%,#8e200b 85%);box-shadow:inset 0 0 30px #ffde62,0 0 26px #ff8b16aa;overflow:hidden}
.dash-sun-surface:before{content:'';position:absolute;inset:-30%;border-radius:50%;background:repeating-conic-gradient(from 12deg,#fff09c44 0 8deg,#cc300055 14deg 25deg,transparent 28deg 44deg);filter:blur(8px);animation:solar-orbit 22s linear infinite}
.dash-sun-flames{position:absolute;inset:9px;border-radius:44% 56% 48% 52%;background:repeating-conic-gradient(#ffbf3f00 0deg,#ff891dbb 12deg,#ffe191bb 16deg,#ff511d22 23deg,#ff671d00 30deg);filter:blur(7px);animation:solar-orbit 32s linear infinite;box-shadow:0 0 32px #ff8b1644}
.dash-fire-sun .dash-growth-ring{z-index:1}.dash-fire-sun .dash-growth-track{stroke:#fff1c129;stroke-width:2}.dash-fire-sun .dash-growth-progress{stroke:#fff4b5;stroke-width:3;filter:drop-shadow(0 0 5px #ffb735)}.dash-fire-sun .dash-growth-inner{stroke:#fff2ac55;stroke-width:.6}.dash-fire-sun .dash-growth-spark{inset:12px}.dash-fire-sun .dash-growth-spark:before{background:#fff4b5;box-shadow:0 0 18px #ffc33b}
.dash-fire-sun .dash-growth-center{width:170px;height:170px;border-radius:50%;align-content:center;gap:7px;background:radial-gradient(circle,#4c1806a6,transparent 72%);text-shadow:0 2px 8px #451700}.dash-fire-sun .dash-growth-center em{font-size:46px;text-shadow:0 2px 10px #6b2100}.dash-fire-sun .dash-growth-center i{display:block;font-size:12px;color:#fff4d7;max-width:160px;line-height:1.5}
.dash-sales-banner{position:relative;z-index:1}.dash-sales-banner .crm-target-banner{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-motion{z-index:3}
@keyframes solar-orbit{to{transform:rotate(360deg)}}
@keyframes solar-breathe{50%{box-shadow:0 0 50px #ffad4899,0 0 130px #fb662344}}
@media(max-width:767px){.kc-dashboard-layout .dash-hero{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:52px}.dash-solar-system{right:0;mask-image:linear-gradient(#000 50%,transparent)}.kc-dashboard-layout .dash-hero-copy{flex-basis:auto;width:100%;padding:4px 0}.kc-dashboard-layout .dash-fire-sun{width:230px;height:230px;align-self:center;margin:8px 0 14px}.dash-fire-sun .dash-growth-center em{font-size:38px}.dash-sales-banner .crm-target-banner{grid-template-columns:1fr}.dash-sales-banner .crm-target-banner>article+article{border-left:0!important;border-top:1px solid #ffffff25!important}.dash-planet-orbit{left:65%}}
@media(prefers-reduced-motion:reduce){.dash-solar-system *,.dash-fire-sun *,.dash-sun-surface:before{animation:none!important}}
[data-motion=off] .dash-sun-surface:before{animation:none!important}

/* Preview: one target sun, with scoped sales members orbiting it. */
.kc-dashboard-layout .dash-hero{gap:20px;flex-wrap:wrap;min-height:500px}.dash-solar-system{inset:0;mask-image:none;opacity:.32}.dash-sales-system{flex:0 1 520px;min-width:0;position:relative;z-index:1}.dash-sales-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48%;height:48%;margin:0;z-index:1}.dash-sales-stage .dash-growth-center{width:72%;height:72%}.dash-sales-stage .dash-growth-center em{font-size:clamp(28px,3.3vw,46px)}.dash-sales-stage .dash-growth-center i{font-size:11px}.dash-sales-stage .dash-growth-spark{display:none}.dash-sales-stage .dash-sun-surface{inset:18px}.dash-sales-stage .dash-sun-flames{inset:5px}.dash-sales-orbit{position:absolute;width:var(--orbit-size);height:var(--orbit-size);left:50%;top:50%;margin-left:calc(var(--orbit-size) / -2);margin-top:calc(var(--orbit-size) / -2);border:0;border-radius:50%;animation:sales-orbit var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);pointer-events:none;z-index:2}.dash-sales-planet{position:absolute;left:50%;top:0;width:80px;margin-left:-40px;margin-top:-18px;display:flex;flex-direction:column;align-items:center;gap:5px;animation:sales-counter var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);pointer-events:auto;outline:none}.dash-sales-planet b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff,var(--planet-color) 38%,#142b47 95%);box-shadow:0 0 20px color-mix(in srgb,var(--planet-color) 45%,transparent),inset -5px -5px 8px #07102080;color:#102238;font-size:11px;font-weight:700}.dash-sales-planet span{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5efff;background:#071326a8;padding:2px 7px;border-radius:8px}.dash-sales-system:hover .dash-sales-orbit,.dash-sales-system:hover .dash-sales-planet,.dash-sales-system:focus-within .dash-sales-orbit,.dash-sales-system:focus-within .dash-sales-planet{animation-play-state:paused}.dash-sales-planet:focus-visible b{outline:2px solid white;outline-offset:4px}.dash-sales-legend{padding:4px 20px 18px;color:#bbcbdf;font-size:11px;text-align:center}.dash-sales-legend strong{display:block;color:#82deed;font-size:10px;letter-spacing:2px;margin-bottom:10px}.dash-sales-legend>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px}.dash-sales-legend span{display:inline-flex;gap:6px;align-items:center}.dash-sales-legend i{width:6px;height:6px;border-radius:50%}.dash-sales-banner:empty{display:none}@keyframes sales-orbit{to{transform:rotate(360deg)}}@keyframes sales-counter{to{transform:rotate(-360deg)}}[data-motion=off] .dash-sales-orbit,[data-motion=off] .dash-sales-planet{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.dash-sales-orbit,.dash-sales-planet{animation-play-state:paused!important}}@media(max-width:767px){.dash-sales-system{flex:auto;width:100%;max-width:500px;align-self:center}.kc-dashboard-layout .dash-hero{min-height:0}.dash-sales-stage .dash-growth-center em{font-size:28px}.dash-sales-stage .dash-growth-center i{font-size:8px;max-width:100px}.dash-sales-stage .dash-sun-surface{inset:12px}.dash-sales-planet b{width:26px;height:26px;font-size:9px}.dash-sales-planet span{font-size:8px}.dash-sales-legend{padding:16px 0}.dash-sales-stage .dash-fire-sun .dash-growth-center{background:none}}

.dash-sales-orbit{transform:rotate(var(--orbit-angle))}.dash-sales-planet{transform:rotate(calc(-1 * var(--orbit-angle)))}@keyframes sales-orbit{from{transform:rotate(var(--orbit-angle))}to{transform:rotate(calc(var(--orbit-angle) + 360deg))}}@keyframes sales-counter{from{transform:rotate(calc(-1 * var(--orbit-angle)))}to{transform:rotate(calc(-1 * var(--orbit-angle) - 360deg))}}

/* Planet photography from NASA, radial order follows descending YTD sales. */
.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{width:38%;height:38%}.dash-sales-planet .dash-planet-photo{width:42px;height:42px;object-fit:cover;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 6px #a5caff30)}.dash-sales-planet .dash-planet-photo[data-planet=5]{width:65px;height:38px;border-radius:0;object-fit:cover}.dash-sales-planet small{font-size:9px;color:#b8dbe9;background:#09152dbb;border-radius:5px;padding:1px 5px;white-space:nowrap}.dash-sales-planet{gap:3px;margin-top:-21px}.dash-sales-planet:focus-visible img{outline:2px solid white;outline-offset:4px}.dash-sales-legend strong{letter-spacing:.5px}.dash-sales-legend>div{gap:9px 16px}@media(max-width:767px){.dash-sales-planet .dash-planet-photo{width:27px;height:27px}.dash-sales-planet .dash-planet-photo[data-planet=5]{width:40px;height:25px}.dash-sales-planet small{font-size:8px}.dash-sales-stage .dash-growth-center em{font-size:24px}.dash-sales-stage .dash-growth-center i{font-size:7px}.dash-sales-planet{margin-top:-14px}.dash-sales-legend{line-height:1.7}}

.dash-sales-planet img.dash-planet-photo[data-planet="5"]{width:72px!important;height:42px!important;object-fit:contain!important;border-radius:0!important}@media(max-width:767px){.dash-sales-planet img.dash-planet-photo[data-planet="5"]{width:45px!important;height:28px!important}}
/* Elliptical solar paths: stationary tracks and upright orbiting planet photos. */
.dash-sales-system{flex:1 1 720px}.dash-sales-stage{aspect-ratio:1.65;min-height:380px;margin:28px 0 20px}.dash-sales-orbit{width:var(--orbit-size);height:var(--orbit-size);margin-left:calc(var(--orbit-size) / -2);margin-top:0;top:50%;transform:translateY(-50%);border:1px solid #b9d9f53b;box-shadow:0 -1px 0 #e1f4ff12;animation:none!important;overflow:visible}.dash-sales-planet{left:0;top:0;margin:0;transform:none;offset-path:ellipse(50% 50% at 50% 50%);offset-anchor:50% 21px;offset-rotate:0deg;offset-distance:var(--orbit-phase);animation:sales-ellipse var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay)}
@keyframes sales-ellipse{from{offset-distance:var(--orbit-phase)}to{offset-distance:calc(var(--orbit-phase) + 100%)}}
.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{width:25%;height:auto;aspect-ratio:1;z-index:1}.dash-sales-system:hover .dash-sales-planet{animation-play-state:running}.dash-sales-system:focus-within .dash-sales-planet{animation-play-state:paused}.dash-sales-stage .dash-growth-center em{font-size:clamp(26px,3vw,44px)}.dash-sales-stage .dash-growth-center i{font-size:10px}.dash-sales-stage{background:radial-gradient(ellipse at 65% 25%,#1186a41f,transparent 60%)}
@media(max-width:767px){.dash-sales-stage{min-height:0;aspect-ratio:1.15;margin:30px 0}.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{width:31%}.dash-sales-planet{offset-anchor:50% 14px}.dash-sales-stage .dash-growth-center em{font-size:22px}.dash-sales-stage .dash-growth-center i{font-size:7px}.dash-sales-stage .dash-sun-surface{inset:9px}.dash-sales-planet span{max-width:66px}.dash-sales-legend{padding-top:10px}}
@media(max-width:767px){.dash-sales-system{flex:0 0 auto;width:100%;max-width:500px}.dash-sales-stage{aspect-ratio:1.35}.kc-dashboard-layout .dash-hero{gap:12px}}
/* Compact, layered solar scene. Planet surfaces are CSS, without image frames. */
.kc-dashboard-layout .dash-hero:has(.dash-sales-system){display:block;min-height:410px;padding:28px 32px 60px}
.kc-dashboard-layout .dash-hero:has(.dash-sales-system) .dash-hero-copy{position:relative;z-index:10;width:60%;padding:0;background:none;pointer-events:none;text-shadow:0 2px 8px #071020}
.dash-sales-system{position:absolute;inset:0;max-width:none;width:auto;z-index:1;pointer-events:none}
.dash-sales-stage{position:absolute;right:-7%;top:0;width:90%;height:340px;min-height:0;aspect-ratio:auto;margin:0;background:none}
.dash-sales-orbit{height:calc(var(--orbit-size) * .4);animation:sales-depth var(--orbit-duration) linear infinite!important;animation-delay:var(--orbit-delay)!important;z-index:0;border-color:#b9d9f51c;box-shadow:none}
.dash-sales-planet{animation:sales-ellipse-depth var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);offset-anchor:50% 18px;offset-distance:var(--orbit-phase)}
@keyframes sales-ellipse-depth{0%{offset-distance:0%;scale:1}25%{scale:1.16}50%{offset-distance:50%;scale:1}75%{scale:.72}100%{offset-distance:100%;scale:1}}
@keyframes sales-depth{0%,49.99%{z-index:4}50%,100%{z-index:0}}
.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{width:180px;height:180px;z-index:2}
.dash-sales-stage .dash-growth-center em{font-size:36px}.dash-sales-stage .dash-growth-center i{font-size:9px}
.dash-sales-planet span.dash-planet-sphere{display:block;flex:none;width:36px;height:36px;max-width:none;padding:0;border:0;border-radius:50%;overflow:visible;background:radial-gradient(circle at 28% 23%,#eadbc1,#9b8b77 48%,#393e49 90%);box-shadow:inset -8px -5px 10px #0008,inset 2px 2px 5px #fff5,0 0 12px #aacfff18}
.dash-planet-sphere[data-planet="1"]{background:radial-gradient(ellipse at 30% 20%,#ffedaf,transparent 50%),repeating-linear-gradient(155deg,#b37842 0 5px,#deb376 7px 12px)!important}
.dash-planet-sphere[data-planet="2"]{background:radial-gradient(ellipse at 32% 25%,#bbdebc 0 12%,transparent 15%),radial-gradient(ellipse at 60% 65%,#639671 0 20%,transparent 23%),radial-gradient(circle at 30% 25%,#6fcbf2,#2564b4 65%,#182b65)!important}
.dash-planet-sphere[data-planet="3"]{background:radial-gradient(ellipse at 36% 45%,#aa4e36 0 14%,transparent 18%),radial-gradient(circle at 30% 20%,#efbd87,#b66342 55%,#592f31)!important}
.dash-planet-sphere[data-planet="4"]{background:repeating-linear-gradient(170deg,#dbb28b 0 5px,#a47055 6px 9px,#edd6b1 10px 13px)!important;width:44px!important;height:44px!important}
.dash-planet-sphere[data-planet="5"]{position:relative;background:repeating-linear-gradient(170deg,#dec68c 0 4px,#ac9164 6px 8px)!important}
.dash-planet-sphere[data-planet="5"]:after{content:'';position:absolute;inset:10px -15px;border:5px solid #d9c18d99;border-left-color:#f7dfad;border-bottom-color:#f7dfad;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 2px #e4d2a633}
.dash-planet-sphere[data-planet="6"]{background:radial-gradient(circle at 28% 23%,#d3fcf6,#77bfc7 55%,#31637b)!important}.dash-planet-sphere[data-planet="7"]{background:radial-gradient(circle at 28% 23%,#a3c7ff,#486aca 55%,#18244d)!important}
.dash-sales-planet:focus-visible .dash-planet-sphere{outline:2px solid #fff;outline-offset:4px}
.dash-sales-legend{position:absolute;bottom:42px;right:24px;width:65%;padding:0;font-size:10px}.dash-sales-legend strong{margin-bottom:6px}.dash-sales-legend>div{gap:4px 12px}
.dash-sales-banner{margin-top:220px;width:100%;z-index:10}.dash-sales-banner .crm-target-banner{padding:12px 16px!important}.dash-sales-banner .crm-target-banner>article{padding:8px 16px!important}
[data-motion=off] .dash-sales-orbit,[data-motion=off] .dash-sales-planet,.dash-sales-system:focus-within .dash-sales-orbit,.dash-sales-system:focus-within .dash-sales-planet{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.dash-sales-orbit,.dash-sales-planet{animation:none!important}}
@media(max-width:767px){.kc-dashboard-layout .dash-hero:has(.dash-sales-system){min-height:530px;padding:22px 20px 56px}.kc-dashboard-layout .dash-hero:has(.dash-sales-system) .dash-hero-copy{width:100%}.dash-sales-system{width:auto;max-width:none}.dash-sales-stage{top:160px;right:-20%;width:140%;height:270px;aspect-ratio:auto;margin:0}.kc-dashboard-layout .dash-sales-stage .dash-fire-sun{width:130px;height:130px}.dash-sales-stage .dash-growth-center em{font-size:28px}.dash-sales-stage .dash-growth-center i{font-size:7px}.dash-sales-legend{bottom:50px;left:14px;right:14px;width:auto;font-size:9px}.dash-sales-legend strong{font-size:9px}.dash-sales-planet span.dash-planet-sphere{width:28px;height:28px}.dash-planet-sphere[data-planet="4"]{width:34px!important;height:34px!important}.dash-sales-planet{offset-anchor:50% 14px}.dash-sales-banner{margin-top:320px}}
.dash-sales-system{height:100%;align-self:stretch}
/* Preview revision 5: luminous orbital lanes and transparent sales totals. */
.kc-dashboard-layout .dash-hero:has(.dash-sales-system){min-height:490px}
.dash-sales-stage{top:4px;height:310px;right:-3%;width:88%}
.dash-sales-orbit{height:calc(var(--orbit-size) * .62);border:1px solid #cee7ff55;border-top-color:#b9d9f526;border-bottom:2px solid #d6efff80;box-shadow:0 2px 9px #7ec8ff0d}
.dash-sales-orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#e3faff;box-shadow:0 0 8px #9ee5ff,8px 0 14px #84d9ff80;offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:0deg;offset-distance:var(--orbit-phase);animation:sales-ellipse var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);opacity:.75}
.dash-sales-planet span.dash-planet-sphere[data-planet="0"]{width:23px;height:23px}.dash-sales-planet span.dash-planet-sphere[data-planet="1"]{width:32px;height:32px}.dash-sales-planet span.dash-planet-sphere[data-planet="2"]{width:36px;height:36px}.dash-sales-planet span.dash-planet-sphere[data-planet="3"]{width:27px;height:27px}.dash-sales-planet span.dash-planet-sphere[data-planet="4"]{width:53px!important;height:53px!important}.dash-sales-planet span.dash-planet-sphere[data-planet="5"]{width:43px;height:43px}.dash-sales-planet span.dash-planet-sphere[data-planet="6"],.dash-sales-planet span.dash-planet-sphere[data-planet="7"]{width:38px;height:38px}
.dash-sales-legend{bottom:166px}
.dash-sales-banner{position:absolute;left:24px;right:24px;bottom:48px;width:auto;margin:0;z-index:10}
.dash-sales-banner .crm-target-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:12px 16px!important;border:1px solid #d0e5ff29!important;border-radius:20px;background:linear-gradient(110deg,#b7d6ff09,#b0bcff06)!important;box-shadow:none!important;backdrop-filter:blur(3px)}
.dash-sales-banner .crm-target-banner>article{display:flex;flex-direction:column;gap:10px;padding:8px 18px!important;background:transparent!important;border:0!important;border-radius:0!important}.dash-sales-banner .crm-target-banner>article+article{border-left:1px solid #d0e5ff25!important}.dash-sales-banner .crm-target-banner span{color:#bfcbdf;font-size:13px}.dash-sales-banner .crm-target-banner strong{color:#f1f6ff;font-size:clamp(22px,2.6vw,36px);font-weight:500;line-height:1.25;font-variant-numeric:tabular-nums}
[data-motion=off] .dash-sales-orbit:after,.dash-sales-system:focus-within .dash-sales-orbit:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.dash-sales-orbit:after{animation:none!important}}
@media(max-width:767px){.kc-dashboard-layout .dash-hero:has(.dash-sales-system){min-height:660px}.dash-sales-stage{top:174px;right:-12%;width:124%;height:265px}.dash-sales-legend{bottom:183px}.dash-sales-banner{left:12px;right:12px;bottom:52px}.dash-sales-banner .crm-target-banner{padding:10px 4px!important;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.dash-sales-banner .crm-target-banner>article{padding:4px 6px!important;gap:9px}.dash-sales-banner .crm-target-banner span{font-size:10px;min-height:30px}.dash-sales-banner .crm-target-banner strong{font-size:12px;overflow-wrap:anywhere}.dash-sales-planet span.dash-planet-sphere{scale:.8}.dash-sales-banner .crm-target-banner>article+article{border-top:0!important}}
@media(min-width:768px){.dash-sales-legend{bottom:190px}.dash-sales-stage{height:285px}}
