/* The original Enrolled Courses slot now holds the live customer stock pie. */
.customer-stock-pie{display:flex;flex-direction:column;background:#05080b!important;border-color:#25343e!important}
.customer-pie-head{border-bottom:1px solid #25333b;padding-bottom:3px}
.customer-pie-head>div:first-child>small{display:none}
.customer-pie-head h2{margin:0;font-size:clamp(11px,.68vw,13px);line-height:1.15;font-weight:700}
.customer-pie-head h2 span{color:#16d8e9}
.customer-pie-total small,.customer-pie-total span{display:none}
.customer-pie-total strong{display:block;margin-top:3px;font-size:17px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.customer-pie-content{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.customer-pie-visual{position:relative;width:min(100%,150px);height:68px;flex:0 0 68px;margin:0 auto}
.customer-pie-visual svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 7px #0009)}
.customer-pie-legend{width:100%;min-width:0}
.customer-pie-legend-row{display:grid;grid-template-columns:8px minmax(0,1fr) 36px;gap:4px;align-items:center;min-height:17px;border-bottom:1px solid #1a2830;font-size:10px;line-height:1}
.customer-pie-legend-row:last-child{border-bottom:0}
.dashboard>.customer-stock-pie .customer-pie-legend-row:nth-child(n+4){display:none}
.customer-pie-legend-row i{width:7px;height:7px;border-radius:2px}
.customer-pie-legend-row .customer-pie-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard .customer-pie-name-full{display:none}
.customer-pie-name-short{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-pie-legend-row strong{text-align:right;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.customer-pie-empty{margin:3px 0;color:#a5b3bc;font-size:10px}
@media (max-width:800px){
  .dashboard>.customer-stock-pie{display:flex;min-height:430px}
  .dashboard .customer-pie-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px}
  .dashboard .customer-pie-head h2{font-size:19px}
  .dashboard .customer-pie-total strong{font-size:22px}
  .dashboard .customer-pie-content{justify-content:center;gap:8px}
  .dashboard .customer-pie-visual{width:280px;height:170px;flex-basis:170px}
  .dashboard .customer-pie-legend-row{min-height:28px;grid-template-columns:11px minmax(0,1fr) 48px;gap:8px;font-size:12px}
  .dashboard .customer-pie-legend-row i{width:10px;height:10px}
  .dashboard .customer-pie-legend-row strong{font-size:12px}
  .dashboard .customer-pie-name-full{display:block}
  .dashboard .customer-pie-name-short{display:none}
}
/* In presentation mode the same card remains in its original page-one slot. */
.presentation-slide[data-layout="stock-summary"] .customer-stock-pie{display:flex;flex-direction:column}
.presentation-slide[data-layout="stock-summary"] .customer-pie-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:12px}
.presentation-slide[data-layout="stock-summary"] .customer-pie-head>div:first-child>small{display:block;margin-bottom:5px;color:#16d8e9;font-size:10px;letter-spacing:.14em}
.presentation-slide[data-layout="stock-summary"] .customer-pie-head h2{font-size:clamp(18px,1.4vw,27px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-total{display:flex;align-items:flex-end;flex-direction:column;white-space:nowrap}
.presentation-slide[data-layout="stock-summary"] .customer-pie-total small,.presentation-slide[data-layout="stock-summary"] .customer-pie-total span{display:block;color:#a5b3bc;font-size:11px}
.presentation-slide[data-layout="stock-summary"] .customer-pie-total strong{font-size:clamp(20px,1.7vw,32px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-content{flex-direction:row;align-items:center;justify-content:center;gap:clamp(12px,3vw,55px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-visual{width:clamp(220px,23vw,390px);height:clamp(150px,15vw,250px);flex:0 0 auto;margin:0}
.presentation-slide[data-layout="stock-summary"] .customer-pie-visual svg{width:100%;height:100%}
.presentation-slide[data-layout="stock-summary"] .customer-pie-legend{width:min(45%,460px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-legend-row{min-height:clamp(40px,5.5vh,62px);grid-template-columns:16px minmax(0,1fr) 64px;gap:12px;font-size:clamp(15px,1.18vw,23px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-legend-row i{width:13px;height:13px}
.presentation-slide[data-layout="stock-summary"] .customer-pie-legend-row strong{font-size:clamp(17px,1.35vw,26px)}
.presentation-slide[data-layout="stock-summary"] .customer-pie-name-short{display:none}
.presentation-slide[data-layout="stock-summary"] .customer-pie-name-full{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){
  .presentation-slide[data-layout="stock-summary"] .customer-pie-head h2{font-size:16px}
  .presentation-slide[data-layout="stock-summary"] .customer-pie-content{gap:8px}
  .presentation-slide[data-layout="stock-summary"] .customer-pie-visual{width:190px;height:130px}
  .presentation-slide[data-layout="stock-summary"] .customer-pie-legend{width:45%}
  .presentation-slide[data-layout="stock-summary"] .customer-pie-legend-row{min-height:33px;grid-template-columns:11px minmax(0,1fr) 45px;gap:5px;font-size:12px}
  .presentation-slide[data-layout="stock-summary"] .customer-pie-legend-row strong{font-size:13px}
}