/* Only the two reference-content verticals use these styles. */
.qsr-dashboard{--reference-accent:#166846;--reference-soft:#60aed0;--reference-gradient:linear-gradient(90deg,#166846,#60aed0)}
.entertainment-dashboard{--reference-accent:#1b1d4d;--reference-soft:#60aed0;--reference-gradient:linear-gradient(90deg,#1b1d4d,#60aed0)}
.qe-dashboard .realty-panels{align-items:stretch}
.qe-dashboard .realty-stat>p{font-size:12px;line-height:1.45}
.qe-dashboard .qe-chart{background:#f8fafc;border:1px solid #e1e7ef;border-radius:10px;padding:12px;min-width:0}
.qe-dashboard .qe-chart svg{display:block;width:100%;height:auto;overflow:visible}
.qe-dashboard .qe-chart text{font:11px Roboto,Arial,sans-serif;fill:#536379}
.qe-dashboard .chart-legend{margin-bottom:10px}
.qe-dashboard .qe-metric-list{display:grid;gap:0;flex:1;align-content:space-around}
.qe-dashboard .qe-metric-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 0;border-bottom:1px solid #e6ecf1;align-items:center}
.qe-dashboard .qe-metric-list>div:last-child{border-bottom:0}
.qe-dashboard .qe-metric-list span{font-size:13px;line-height:1.5;color:#46526b}
.qe-dashboard .qe-metric-list strong{font:600 19px/1.3 Poppins,sans-serif;white-space:nowrap;color:var(--navy)}
.qe-dashboard .qe-metric-list small{grid-column:2;text-align:right;color:#166846;font-size:11px}
.qe-dashboard .qe-channels{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px}
.qe-dashboard .qe-donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#166846 0 47%,#1b1d4d 47% 78%,#60aed0 78% 100%);display:grid;place-items:center}
.qe-dashboard .qe-donut>div{width:98px;height:98px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.qe-dashboard .qe-donut strong{font:600 17px Poppins,sans-serif}.qe-dashboard .qe-donut small{font-size:10px;color:#64748b}
.qe-dashboard .qe-channel{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 0;border-bottom:1px solid #e6ecf1;font-size:12px}
.qe-dashboard .qe-channel strong{grid-column:1/-1;font:600 17px Poppins,sans-serif}.qe-dashboard .qe-channel:last-child{border:0}
.qe-dashboard .qe-channel span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#166846}.qe-dashboard .qe-channel:nth-child(2) span:before{background:#1b1d4d}.qe-dashboard .qe-channel:nth-child(3) span:before{background:#60aed0}
.qe-dashboard .qe-table-wrap{overflow-x:auto;max-width:100%}
.qe-dashboard table{border-collapse:collapse;width:100%;font:12px/1.5 Roboto,Arial,sans-serif;text-align:left;color:#46526b}
.qe-dashboard th,.qe-dashboard td{padding:10px 7px;border-bottom:1px solid #e6ecf1;vertical-align:top}
.qe-dashboard thead th{background:#f2f5f8;font-weight:500;color:var(--navy)}
.qe-dashboard tbody th{font-weight:500;min-width:110px}.qe-dashboard td{white-space:nowrap}.qe-dashboard .qe-growth{color:#166846}
@media(min-width:761px){
 .qe-dashboard .realty-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
 #stage.is-exploring .workspace>.detail>.qe-dashboard{grid-template-rows:auto auto;align-content:start}
 #stage.is-exploring .workspace>.detail>.entertainment-dashboard{grid-template-rows:auto auto auto}
 .qsr-dashboard>.realty-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
 .entertainment-dashboard>.qe-support-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .qsr-dashboard .realty-stat>strong{font-size:25px}
 .qsr-dashboard .realty-stat h4{font-size:12px}
}
@media(max-width:1000px) and (min-width:761px){.qsr-dashboard>.realty-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.qe-dashboard .realty-panels{grid-template-columns:1fr}}
@media(max-width:480px){.qe-dashboard .qe-channels{grid-template-columns:1fr}.qe-dashboard .qe-donut{margin:auto}.qe-dashboard .qe-channel{grid-template-columns:1fr auto auto}.qe-dashboard .qe-channel strong{grid-column:auto;font-size:14px}}
/* These panels have a single heading, so reserve no subtitle or badge height. */
.qe-dashboard .realty-panel-heading{min-height:0;display:block;margin-bottom:12px;padding-bottom:12px}
.qe-dashboard .realty-panel-heading>div{flex:none;min-height:0}
.qe-dashboard .realty-panel-heading h4{margin:0}

/* QSR only: compact KPI tiles and channel comparison rows. */
.qsr-dashboard .qe-metric-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(100px,1fr));gap:12px;align-content:stretch}
.qsr-dashboard .qe-metric-list>div,.qsr-dashboard .qe-metric-list>div:last-child{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:16px;border:1px solid #dce7e3;border-radius:10px;background:linear-gradient(135deg,#f3f8f5,#fff);align-content:center;align-items:center;min-width:0}
.qsr-dashboard .qe-metric-list>div:nth-child(even){background:linear-gradient(135deg,#f1f5fa,#fff);border-color:#dfe6ef}
.qsr-dashboard .qe-metric-list>div>span{grid-column:1/-1}
.qsr-dashboard .qe-metric-list>div>strong{grid-column:1;grid-row:2}
.qsr-dashboard .qe-metric-list>div>small{grid-column:2;grid-row:2;background:#e7f3ec;border:1px solid #d5e8dc;border-radius:6px;padding:4px 6px;white-space:nowrap;text-align:center}
.qsr-dashboard .qe-channels{grid-template-columns:160px minmax(0,1fr);gap:20px;flex:1;align-items:center}
.qsr-dashboard .qe-donut{width:160px;height:160px}
.qsr-dashboard .qe-donut>div{width:122px;height:122px}
.qsr-dashboard .qe-channels>div:last-child{display:grid;gap:10px;min-width:0;align-self:stretch}
.qsr-dashboard .qe-channel,.qsr-dashboard .qe-channel:last-child{grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;align-content:center;gap:8px 10px;padding:12px;border:1px solid #e1e7ef;border-radius:9px;background:#f8fafc}
.qsr-dashboard .qe-channel>b{padding:3px 6px;background:#edf2f6;border-radius:5px}
.qsr-dashboard .qe-channel>strong{grid-column:3;justify-self:end;white-space:nowrap}
.qsr-dashboard .qe-channel:after{content:'';grid-column:1/-1;height:5px;border-radius:4px;background:linear-gradient(to right,#166846 47%,#e3eaf0 47%)}
.qsr-dashboard .qe-channel:nth-child(2):after{background:linear-gradient(to right,#1b1d4d 31%,#e3eaf0 31%)}
.qsr-dashboard .qe-channel:nth-child(3):after{background:linear-gradient(to right,#60aed0 22%,#e3eaf0 22%)}
@container qsr-content (max-width:1000px){
 .qsr-dashboard .qe-channel{grid-template-columns:max-content minmax(0,1fr)}
 .qsr-dashboard .qe-channel>b{justify-self:start}
 .qsr-dashboard .qe-channel>strong{grid-column:1/-1;justify-self:start}
}
.qsr-dashboard{container-type:inline-size;container-name:qsr-content}
@media(max-width:480px){
 .qsr-dashboard .qe-metric-list{gap:8px;grid-template-rows:repeat(3,minmax(110px,1fr))}
 .qsr-dashboard .qe-metric-list>div{padding:10px;grid-template-columns:1fr}
 .qsr-dashboard .qe-metric-list>div>small{grid-column:1;grid-row:3;justify-self:start}
 .qsr-dashboard .qe-channels{grid-template-columns:1fr;gap:14px}
 .qsr-dashboard .qe-donut{margin:auto}
}

/* QSR channel labels remain unboxed. */
.qsr-dashboard .qe-channel,.qsr-dashboard .qe-channel:last-child{border:0;border-radius:0;background:transparent;box-shadow:none}

/* Entertainment only: theme-green KPI notes and compact project-health cards. */
.entertainment-dashboard .realty-stat>p{color:#166846!important}
.entertainment-dashboard .realty-panel:has(.qe-metric-list){align-self:start}
.entertainment-dashboard .qe-metric-list{flex:0 0 auto;gap:10px;align-content:start}
.entertainment-dashboard .qe-metric-list>div,.entertainment-dashboard .qe-metric-list>div:last-child{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px;border:1px solid #dce7e3;border-radius:9px;background:linear-gradient(110deg,#f3f8f5,#fff);align-items:center}
.entertainment-dashboard .qe-metric-list>div>span{grid-column:1;grid-row:1}
.entertainment-dashboard .qe-metric-list>div>strong{grid-column:1;grid-row:2}
.entertainment-dashboard .qe-metric-list>div>small{grid-column:2;grid-row:1/3;align-self:center;background:#e7f3ec;border:1px solid #d5e8dc;padding:5px 8px;border-radius:6px;color:#166846;white-space:nowrap}
