/* CK Metrics Budget — final campus color + supply per kid presentation */

/* Campus palette is assigned by the row itself so the first rendered frame is already correct. */
#scopeCampusRows .scope-campus-row[data-campus="Bluffton"],#scopeCampusRows .scope-campus-row[data-budget-overview="Bluffton"]{--budget-row-color:#1f5f92}
#scopeCampusRows .scope-campus-row[data-campus="East"],#scopeCampusRows .scope-campus-row[data-budget-overview="East"]{--budget-row-color:#4d86c6}
#scopeCampusRows .scope-campus-row[data-campus="Effingham"],#scopeCampusRows .scope-campus-row[data-budget-overview="Effingham"]{--budget-row-color:#7865ad}
#scopeCampusRows .scope-campus-row[data-campus="Henderson"],#scopeCampusRows .scope-campus-row[data-budget-overview="Henderson"]{--budget-row-color:#e58a32}
#scopeCampusRows .scope-campus-row[data-campus="Midway"],#scopeCampusRows .scope-campus-row[data-budget-overview="Midway"]{--budget-row-color:#5d9874}
#scopeCampusRows .scope-campus-row[data-campus="Statesboro"],#scopeCampusRows .scope-campus-row[data-budget-overview="Statesboro"]{--budget-row-color:#c49a32}
#scopeCampusRows .scope-campus-row[data-campus="Downtown"],#scopeCampusRows .scope-campus-row[data-budget-overview="Downtown"]{--budget-row-color:#21a8a2}
#scopeCampusRows .scope-campus-row[data-campus="Central"],#scopeCampusRows .scope-campus-row[data-budget-overview="Central"]{--budget-row-color:#173c51}

/* Pale track = remaining, medium = pace, solid = spent. */
#scopeCampusRows .scope-campus-row .combined-bar .bar-main{background:color-mix(in srgb,var(--budget-row-color,#167f86) 13%,white)!important;height:10px!important}
#scopeCampusRows .scope-campus-row .combined-bar .pace-layer{background:color-mix(in srgb,var(--budget-row-color,#167f86) 42%,white)!important;opacity:1!important;height:100%!important;border-radius:999px!important}
#scopeCampusRows .scope-campus-row .combined-bar .actual-layer{background:var(--budget-row-color,#167f86)!important;height:100%!important;border-radius:999px!important}
.budget-comparison-legend .budget-legend-key{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:5px;vertical-align:-1px}
.budget-comparison-legend .budget-legend-key.spent{background:#167f86}
.budget-comparison-legend .budget-legend-key.pace{background:#8bd0cb}
.budget-comparison-legend .budget-legend-key.remaining{background:#e6f1f1;border:1px solid #d7e8e8}

/* Make the first donut paint use the same campus palette as the final paint. */
#scopeCampusDonut .scope-donut-segment[data-campus="Bluffton"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Bluffton"]{stroke:#1f5f92!important}
#scopeCampusDonut .scope-donut-segment[data-campus="East"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="East"]{stroke:#4d86c6!important}
#scopeCampusDonut .scope-donut-segment[data-campus="Effingham"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Effingham"]{stroke:#7865ad!important}
#scopeCampusDonut .scope-donut-segment[data-campus="Henderson"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Henderson"]{stroke:#e58a32!important}
#scopeCampusDonut .scope-donut-segment[data-campus="Midway"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Midway"]{stroke:#5d9874!important}
#scopeCampusDonut .scope-donut-segment[data-campus="Statesboro"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Statesboro"]{stroke:#c49a32!important}
#scopeCampusDonut .scope-donut-segment[data-campus="Downtown"],#scopeCampusDonut .scope-donut-segment[data-budget-donut="Downtown"]{stroke:#21a8a2!important}

/* The donut is a quick mix view; the old side legend duplicated hover information and consumed width. */
#budgetComparisonSection{grid-template-columns:minmax(0,1.48fr) minmax(290px,.62fr)!important}
#budgetComparisonSection>article.panel:nth-child(2) .panel-sub{display:none!important}
#scopeCampusDonut .scope-donut-legend{display:none!important}
#scopeCampusDonut .scope-donut-layout,.v4-donut-panel .scope-donut-layout{grid-template-columns:1fr!important;justify-items:center!important;gap:0!important;padding:8px 14px 6px!important}
#scopeCampusDonut .scope-donut-svg-wrap,#scopeCampusDonut .scope-donut-svg,.v4-donut-panel .scope-donut-svg-wrap,.v4-donut-panel .scope-donut-svg{width:148px!important;height:148px!important}
#scopeCampusDonut .scope-donut-center{width:90px!important;height:90px!important}
#scopeCampusDonut .scope-donut-center strong{font-size:14px!important}

/* Per-kid belongs with the supply category name, not in another numeric column. */
.supply-per-kid-inline{display:block;margin-top:3px;font-size:10px;line-height:1.15;font-weight:800;color:#607985;letter-spacing:.01em;white-space:nowrap;cursor:default}
.supply-per-kid-inline:hover{color:#17394c}

/* Compact supply-per-child comparison sits under the donut. */
.supply-per-kid-overview{border-top:1px solid #e8eef0;margin:0 14px 12px;padding:10px 0 2px}
.supply-per-kid-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.supply-title-line{display:flex;align-items:center;gap:5px;min-width:0}
.supply-title-line strong{font-size:10.5px;color:#244858;white-space:nowrap}
.supply-info-btn{width:16px!important;height:16px!important;min-width:16px!important;font-size:8px!important;line-height:1!important;padding:0!important}

/* Final compact bars own this area. Never show the retired segmented-strip paint, even briefly. */
.supply-per-kid-overview:not(.supply-per-kid-bars){display:none!important}
.supply-per-kid-strip{display:none!important}
.supply-per-kid-segment{display:none!important}

.supply-mini-chart{display:grid;gap:5px}
.supply-mini-row{display:grid;grid-template-columns:66px minmax(80px,1fr) 42px;align-items:center;gap:7px;min-height:15px;cursor:default}
.supply-mini-name{font-size:8.5px;font-weight:800;color:#496571;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supply-mini-track{height:7px;border-radius:999px;background:#edf2f4;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(215,226,230,.7)}
.supply-mini-track i{display:block;height:100%;min-width:2px;border-radius:999px}
.supply-mini-row>strong{text-align:right;font-size:8.5px;color:#284b5b;white-space:nowrap}
.supply-mini-row:hover .supply-mini-track{box-shadow:inset 0 0 0 1px #c7d8de}

/* Old large spend-per-child card is intentionally retired. */
.budget-efficiency-panel{display:none!important}
.scope-efficiency-row{cursor:default!important}

@media(max-width:1180px){
  #budgetComparisonSection{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .supply-mini-row{grid-template-columns:72px minmax(90px,1fr) 44px}
}