/* Scoped to Sports and Foundation; shared Retail components supply typography and spacing. */
.foundation-dashboard{--reference-accent:#166846;--reference-soft:#67b290;--reference-gradient:linear-gradient(90deg,#67b290,#166846)}
.sports-dashboard{--reference-accent:#1b1d4d;--reference-soft:#60aed0;--reference-gradient:linear-gradient(90deg,#60aed0,#1b1d4d)}
.reference-dashboard .realty-stat:before{background:var(--reference-gradient)}
.reference-dashboard .realty-stat>p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;justify-content:space-between}
.reference-dashboard .reference-badge{font:500 10px/1.3 Roboto,Arial,sans-serif;padding:3px 5px;border-radius:5px;border:1px solid #dce4eb;background:#f2f6f9;color:var(--reference-accent);white-space:nowrap}
.reference-dashboard .realty-panel-heading>b{color:var(--reference-accent);background:#f2f6f9;border-color:#dce4eb}
.reference-dashboard .reference-track{height:7px;background:#e6ecf1;border-radius:8px;overflow:hidden;margin-top:8px}
.reference-dashboard .reference-track>span{display:block;height:100%;border-radius:inherit;background:var(--reference-gradient)}
.reference-dashboard .reference-row{padding:10px 0;border-bottom:1px solid #e6ecf1;min-width:0}
.reference-dashboard .reference-row:last-child{border-bottom:0}
.reference-dashboard .reference-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 13px/1.4 Roboto,Arial,sans-serif}
.reference-dashboard .reference-row b{white-space:nowrap;color:var(--navy)}
.reference-dashboard .reference-row>small{display:block;text-align:right;font-size:11px;color:#64748b;margin-top:4px}
.reference-dashboard .reference-rows{min-width:0}
.reference-dashboard .reference-portfolio>div:first-child{align-items:center;gap:12px}
.reference-dashboard .reference-portfolio strong{font:600 29px/1.15 Poppins,sans-serif;color:var(--navy)}
.reference-dashboard .reference-portfolio>p{font-size:13px;color:#536379;margin:8px 0 12px}
.reference-dashboard .reference-distribution{display:flex;height:10px;border-radius:8px;overflow:hidden}
.reference-dashboard .reference-distribution>span:nth-child(1){flex:2.1;background:#166846}
.reference-dashboard .reference-distribution>span:nth-child(2){flex:1.8;background:#67b290}
.reference-dashboard .reference-distribution>span:nth-child(3){flex:1.5;background:#1b1d4d}
.reference-dashboard .reference-distribution>span:nth-child(4){flex:1.2;background:#60aed0}
.reference-dashboard .reference-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-size:10px;line-height:1.5;color:#536379}
.reference-dashboard .reference-legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#166846}
.reference-dashboard .reference-legend span:nth-child(2):before{background:#67b290}.reference-dashboard .reference-legend span:nth-child(3):before{background:#1b1d4d}.reference-dashboard .reference-legend span:nth-child(4):before{background:#60aed0}
.reference-dashboard .reference-section-heading h4{font:600 16px/1.4 Poppins,sans-serif;margin:4px 0 0}
.reference-dashboard .reference-section-heading .eyebrow{font-size:9px;color:var(--reference-soft)}
.reference-dashboard .reference-chart{border:1px solid #e1e7ef;background:#f8fafc;border-radius:10px;padding:12px;min-width:0}
.reference-dashboard .reference-chart svg{display:block;width:100%;height:auto}
.reference-dashboard .reference-outcomes{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:18px}
.reference-dashboard .reference-donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(#1b1d4d 0 64.7887%,#60aed0 64.7887% 77.4648%,#a5b8cc 77.4648% 100%);display:grid;place-items:center}
.reference-dashboard .reference-donut>div{width:84px;height:84px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.reference-dashboard .reference-donut strong{font:600 25px/1.2 Poppins,sans-serif}.reference-dashboard .reference-donut span{font-size:9px;letter-spacing:1px;color:#74808c}
.reference-dashboard .reference-outcomes .reference-row:nth-child(2) .reference-track>span{background:#60aed0}.reference-dashboard .reference-outcomes .reference-row:nth-child(3) .reference-track>span{background:#a5b8cc}
@media(min-width:761px){
 .reference-dashboard .realty-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
 .reference-dashboard .realty-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
 #stage.is-exploring .workspace>.detail>.sports-dashboard{grid-template-rows:auto auto minmax(max-content,1fr)}
 .reference-dashboard .realty-panel-heading h4{font-size:19px;line-height:1.3}
 .reference-dashboard .realty-panel-heading p{white-space:normal}
 .sports-dashboard .realty-stat>p{font-size:11px}
 .reference-dashboard .unit-pair strong{font-size:25px}
}
@media(max-width:760px){.reference-dashboard .realty-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-dashboard .realty-panels{grid-template-columns:1fr}.reference-dashboard .reference-outcomes{grid-template-columns:100px minmax(0,1fr);gap:12px}.reference-dashboard .reference-donut{width:100px;height:100px}}
/* Keep the supplied longer panel descriptions readable at workspace widths. */
.reference-dashboard .realty-panel-heading>div{min-width:0;flex:1 1 220px}
.reference-dashboard .realty-panel-heading p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.reference-dashboard .realty-panel-heading>b{flex-shrink:0}
/* Sports-only refinements: Industries KPI treatment and compact analytics. */
.sports-dashboard .realty-stat{padding:12px 14px 10px;gap:3px;grid-template-rows:minmax(42px,auto) 33px minmax(30px,auto);border-radius:11px;box-shadow:0 2px 8px #1b1d4d04}
.sports-dashboard .realty-stat h4{font:500 14px/1.5 Roboto,Arial,sans-serif;color:#46526b}
.sports-dashboard .realty-stat>strong{font:700 29px/1.15 Poppins,sans-serif;letter-spacing:-.6px}
.sports-dashboard .realty-stat>p{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;font:400 13px/1.35 Roboto,Arial,sans-serif}
.sports-dashboard .realty-stat>p small{font-size:11px;color:#166846;line-height:1.3}
.sports-dashboard .realty-panel-heading>b{color:#166846;background:#edf7f1;border:1px solid #d8eadf}
.sports-dashboard .realty-panel-heading{min-height:0;flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:10px}
.sports-dashboard .realty-panel-heading>div{flex:1 1 180px;min-height:0}
.sports-dashboard .realty-panel-heading h4{font-size:18px;line-height:1.3}
.sports-dashboard .realty-panel-heading p{font-size:12px;line-height:1.4}
.sports-dashboard .reference-chart{padding:8px}
.sports-dashboard .reference-outcomes{grid-template-columns:110px minmax(0,1fr);gap:14px}
.sports-dashboard .reference-donut{width:110px;height:110px;background:conic-gradient(#166846 0 64.7887%,#b86b08 64.7887% 77.4648%,#d60039 77.4648% 100%)}
.sports-dashboard .reference-donut>div{width:84px;height:84px}
.sports-dashboard .reference-row{padding:6px 0}
.sports-dashboard .reference-outcomes .reference-row:nth-child(1) .reference-track>span{background:linear-gradient(90deg,#166846,#67b290)}
.sports-dashboard .reference-outcomes .reference-row:nth-child(2) .reference-track>span{background:linear-gradient(90deg,#b86b08,#f2b544)}
.sports-dashboard .reference-outcomes .reference-row:nth-child(3) .reference-track>span{background:linear-gradient(90deg,#a8002d,#d60039)}
@media(min-width:761px){
 #stage.is-exploring .workspace>.detail>.sports-dashboard{grid-template-rows:auto minmax(max-content,1fr);gap:10px;padding:10px}
 #stage.is-exploring .workspace .sports-dashboard .realty-panel{gap:8px;padding:12px}
 .sports-dashboard .realty-stats{gap:10px}
 .sports-dashboard .realty-panels{gap:10px}
}
.sports-dashboard .realty-stat{grid-template-rows:42px 33px auto;align-content:start}
/* Foundation uses Retail's unmodified card, section and progress-row components. */
.foundation-dashboard .realty-stat:before{background:linear-gradient(90deg,#67b290,#166846)}
.foundation-dashboard .realty-panel-heading>b{color:#166846;background:#edf7f1;border:1px solid #d8eadf}
.foundation-dashboard .foundation-caption{font:400 13px/1.5 Roboto,Arial,sans-serif;color:#536379;margin:8px 0 12px}
.foundation-dashboard .foundation-distribution{display:flex;height:9px;overflow:hidden;border-radius:8px;background:#e6ecf1}
.foundation-dashboard .foundation-distribution>span:nth-child(1){flex:2.1;background:#166846}
.foundation-dashboard .foundation-distribution>span:nth-child(2){flex:1.8;background:#67b290}
.foundation-dashboard .foundation-distribution>span:nth-child(3){flex:1.5;background:#1b1d4d}
.foundation-dashboard .foundation-distribution>span:nth-child(4){flex:1.2;background:#60aed0}
.foundation-dashboard .foundation-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px;font:400 11px/1.4 Roboto,Arial,sans-serif;color:#536379}
.foundation-dashboard .foundation-legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#166846}
.foundation-dashboard .foundation-legend span:nth-child(2):before{background:#67b290}.foundation-dashboard .foundation-legend span:nth-child(3):before{background:#1b1d4d}.foundation-dashboard .foundation-legend span:nth-child(4):before{background:#60aed0}
.foundation-dashboard .project-completions>div{grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) 48px}
.foundation-dashboard .foundation-reach small{display:block;font-size:11px;color:#64748b;margin-top:3px}
.foundation-dashboard .realty-panel-heading p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* Override decorative Industries row colors only inside On-Time Delivery & SLA. */
.industry-dashboard .realty-panels>.realty-panel:nth-child(2) .completion-track[data-rag]>span{background:var(--rag-gradient)!important}

/* Foundation: aligned panels and consistent, compact progress cards. */
body .foundation-dashboard .realty-panels{align-items:stretch}
body .foundation-dashboard .realty-panel{align-self:stretch}
body .foundation-dashboard .project-completions{display:grid!important;grid-template-columns:1fr;flex:0 0 auto!important;align-content:start!important;gap:10px!important;margin:0}
body .foundation-dashboard .project-completions>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px 12px;border:1px solid #dce7e3;border-radius:9px;background:#f5faf7;align-items:center}
body .foundation-dashboard .project-completions>div>span{grid-column:1/-1;white-space:normal!important;overflow:visible!important}
body .foundation-dashboard .project-completions .completion-track{grid-row:2;grid-column:1}
body .foundation-dashboard .project-completions>div>b{grid-row:2;grid-column:2}
body .foundation-dashboard .project-completions.foundation-reach{flex:1 0 auto!important;grid-auto-rows:1fr;align-content:stretch!important}
body .foundation-dashboard .foundation-reach>div{align-content:center}

/* Sector impact uses the theme's simple inline progress rows. */
body .foundation-dashboard .project-completions:not(.foundation-reach)>div{grid-template-columns:minmax(140px,1.2fr) minmax(60px,3fr) 44px!important;padding:4px 0;border:0;border-radius:0;background:transparent;gap:12px!important}
body .foundation-dashboard .project-completions:not(.foundation-reach)>div>span{grid-column:1;grid-row:1}
body .foundation-dashboard .project-completions:not(.foundation-reach) .completion-track{grid-column:2;grid-row:1}
body .foundation-dashboard .project-completions:not(.foundation-reach)>div>b{grid-column:3;grid-row:1;text-align:right}
