.staff-placement-panel{margin-bottom:18px}.placement-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:25px}.placement-metrics>div{padding:19px 20px;background:#152a38;border:1px solid #294655;border-radius:9px}.placement-metrics>div>span{font-size:8px;letter-spacing:.9px;color:#91b2bf;line-height:1.8}.placement-metrics strong{display:block;font:600 35px/1.3 'Space Grotesk',Arial;color:#a4e9d5;margin:10px 0 8px}.placement-metrics strong small{font:400 10px 'Plus Jakarta Sans',Arial;margin-left:7px;color:#a0b7c8}.placement-metrics p{font-size:9px;color:#93afbe;line-height:1.8;margin:0}.placement-metrics>.placement-pending{background:#2b2925;border-color:#50493c}.placement-pending strong{color:#ebcb96}.placement-visuals{display:grid;grid-template-columns:1fr 1.6fr;gap:30px}.placement-visuals h4{font-size:12px;color:#b9d6df;margin:0 0 20px}.placement-mapping{padding:20px;background:#101f2d;border:1px solid #243a4b;border-radius:9px;align-self:start;text-align:center}.placement-mapping .home-donut{height:185px;width:185px}.placement-mapping .home-donut:after{background:#101f2d}.placement-mapping .donut-label b{font-size:30px}.placement-mapping .read-note{font-size:10px;line-height:1.9;color:#93b2bf}.placement-mapping .donut-legend{font-size:9px;color:#a6bbc7;gap:16px}.placement-unmapped{margin-top:23px;padding:15px;background:#292a27;border:1px solid #48463b;border-radius:7px;text-align:left}.placement-unmapped strong{display:block;color:#e2c697;font-size:11px;margin-bottom:8px}.placement-unmapped span{display:block;color:#b5af9f;font-size:9px;line-height:1.9}.placement-distribution .bar-line{grid-template-columns:155px minmax(35px,1fr) 70px;gap:14px}.placement-distribution .bar-list{gap:15px}.placement-distribution .bar-label{font-size:9px;line-height:1.7;color:#a0bdcb}.placement-distribution .bar-value{color:#b2e1d9}.placement-distribution .bar-value small{color:#839eaf}.placement-distribution .bar-track{height:8px}.placement-distribution .bar-fill{background:#48978f}.placement-distribution .bar-line:first-child .bar-fill{background:#70cbbb}.placement-source{border-top:1px solid #2a3c4e;padding-top:17px;margin-top:24px;line-height:1.9!important;color:#8faabd!important}
html[data-theme=light] .placement-metrics>div{background:#eff8f7;border-color:#d5e7e4}html[data-theme=light] .placement-metrics>.placement-pending{background:#fff7e9;border-color:#eedcbd}html[data-theme=light] .placement-metrics strong{color:#0c7d75}html[data-theme=light] .placement-pending strong{color:#9d6c26}html[data-theme=light] :is(.placement-metrics>div>span,.placement-metrics p,.placement-metrics strong small,.placement-distribution .bar-label,.placement-distribution .bar-value small,.placement-mapping .read-note,.placement-mapping .donut-legend){color:#577b8a}html[data-theme=light] .placement-visuals h4{color:#284f65}html[data-theme=light] .placement-mapping{background:#f6fafb;border-color:#d9e5eb}html[data-theme=light] .placement-mapping .home-donut:after{background:#f6fafb}html[data-theme=light] .placement-unmapped{background:#fff7e9;border-color:#eedcbd}html[data-theme=light] .placement-unmapped strong{color:#946522}html[data-theme=light] .placement-unmapped span{color:#8d7757}html[data-theme=light] .placement-distribution .bar-value{color:#127b70}html[data-theme=light] .placement-source{border-color:#dbe7eb;color:#587c89!important}
@media(max-width:950px){.placement-visuals{grid-template-columns:1fr;gap:25px}.placement-mapping{max-width:none}.placement-metrics>div{padding:15px}.placement-metrics strong{font-size:30px}}
@media(max-width:600px){.placement-metrics{grid-template-columns:1fr;gap:9px}.placement-metrics>div{padding:14px 17px}.placement-metrics strong{font-size:29px;margin:7px 0}.placement-distribution .bar-line{grid-template-columns:115px minmax(25px,1fr) 46px;gap:9px}.placement-distribution .bar-label{font-size:8px}.placement-distribution .bar-value{font-size:11px}.placement-distribution .bar-value small{font-size:8px}.placement-mapping{padding:17px}.staff-placement-panel .panel-heading{gap:12px}}
@media print{.placement-visuals{grid-template-columns:1fr 1.6fr}.staff-placement-panel{break-inside:avoid}.placement-metrics>div,.placement-mapping,.placement-unmapped{background:#fff!important;color:#234!important}.placement-visuals h4,.placement-metrics strong,.placement-metrics span{color:#234!important}}