/* Scoped styles: static SVG charts, no background animation or observers. */
.sp-employee-shell{padding:24px!important}.sp-analytics,.sp-plan-page{color:#172c40;text-align:left}.sp-analytics *,.sp-plan-page *{box-sizing:border-box}.sp-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.sp-heading h3,.sp-heading h2{color:#152c40;margin:5px 0 7px;font-size:21px;line-height:1.3}.sp-heading p{color:#64768a;font-size:13px;margin:0;line-height:1.6}.sp-eyebrow{font-size:12px;font-weight:700;color:#13805d;letter-spacing:.04em}.sp-analytics button,.sp-plan-page button{font:inherit;font-size:12px;font-weight:600;min-height:36px;border:1px solid #d8e3eb;border-radius:9px;padding:8px 12px;background:#fff;color:#27435b;cursor:pointer;white-space:nowrap;box-shadow:none}.sp-analytics button:hover,.sp-plan-page button:hover{background:#eff6f3;border-color:#87bca5}.sp-analytics button:focus-visible,.sp-plan-page button:focus-visible,.sp-plan-page input:focus-visible,.sp-plan-page select:focus-visible,.sp-plot circle:focus-visible{outline:3px solid #659eee;outline-offset:3px}.sp-plan-page button:disabled,.sp-plan-page input:disabled{opacity:.65;cursor:default}.sp-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;margin-bottom:20px;color:#526d80}.sp-legend small{margin-left:auto;color:#6e8090}.sp-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:26px}.sp-plot+.sp-plot{border-top:1px solid #e6edf1;margin-top:14px;padding-top:18px}.sp-plot-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;margin-bottom:8px}.sp-plot-title>span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tone);margin-right:8px}.sp-plot-title small{font-size:11px;font-weight:400;color:#6c7f91}.sp-plot svg{display:block;width:100%;height:auto;overflow:visible;font-family:Arial,sans-serif}.sp-plot circle{cursor:pointer}.sp-detail{background:#f1f7f4;border:1px solid #e1ede5;border-radius:16px;padding:23px;align-self:stretch;min-width:0}.sp-detail h3{font-size:16px;margin:0 0 18px;text-transform:capitalize;color:#203d31}.sp-detail p{font-size:12px;color:#647b6e;line-height:1.6}.sp-detail-metric{display:flex;flex-direction:column;gap:9px;margin:20px 0 23px}.sp-detail-metric>span,.sp-share>span{font-size:12px;color:#60786e}.sp-detail-metric>strong{font-size:21px;letter-spacing:-.03em;overflow-wrap:anywhere;line-height:1.35}.sp-detail-metric small{font-size:11px;line-height:1.5}.sp-up{color:#147859}.sp-down{color:#b74045}.sp-plan-detail{font-size:12px;line-height:1.6;border-top:1px solid #dce8df;padding-top:11px;color:#4f6a5c}.sp-progress{height:6px;background:#d9e8df;border-radius:10px;overflow:hidden}.sp-progress i{display:block;height:100%;border-radius:10px;background:#189364}.sp-share{border-top:1px solid #dce8df;padding-top:17px;display:flex;align-items:center;gap:12px;justify-content:space-between}.sp-share b{font-size:20px;color:#1a7556}.sp-months{display:flex;gap:7px;overflow:auto;padding:20px 2px 8px;margin-top:8px}.sp-months button{flex:1;min-width:54px;text-transform:capitalize}.sp-months button[aria-pressed=true]{background:#e6f4ec;color:#146c4d;border-color:#90c4a7}.sp-chart-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#63798a;margin-top:15px;padding-top:16px;border-top:1px solid #e7edf1}.sp-chart-footer b{color:#253c50}.sp-chart-footer small{font-size:11px}.sp-empty{padding:35px;text-align:center;color:#607687}.sp-controls{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0 12px}.sp-controls label{display:flex;flex-direction:column;gap:7px;min-width:150px;font-size:12px;color:#5b7184}.sp-controls select{min-height:42px;border:1px solid #d8e3ec;border-radius:9px;padding:8px 12px;background:#fff;color:#18364b}.sp-controls label:first-child{min-width:min(100%,300px)}#spNotice{font-size:12px;color:#956226;min-height:18px;line-height:1.5}.sp-plan-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.sp-plan-totals>div{background:#f5f8fb;border:1px solid #e3eaf1;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.sp-plan-totals span{font-size:12px;color:#657a8c}.sp-plan-totals b{font-size:21px;overflow-wrap:anywhere}.sp-plan-totals small{font-size:11px;color:#6d7f8c}.sp-plan-table-wrap{overflow-x:auto;border:1px solid #e2eaf0;border-radius:12px}.sp-plan-table-wrap table{width:100%;border-collapse:collapse;min-width:1030px;font-size:12px}.sp-plan-table-wrap th{background:#f5f8fb;color:#526c7e;text-align:left;font-size:11px;padding:13px 12px;white-space:normal}.sp-plan-table-wrap td{border-top:1px solid #e9eef3;padding:11px 12px;vertical-align:middle}.sp-plan-table-wrap td:first-child{text-transform:capitalize;font-weight:600}.sp-plan-table-wrap input{width:150px;min-height:38px;border:1px solid #d8e3ec;border-radius:8px;padding:8px;color:#213d53;background:#fff;font:inherit}.sp-plan-table-wrap input[data-plan-field=quantity]{width:92px}.sp-row-actions{display:flex;gap:6px}.sp-row-actions button[data-plan-save]{background:#2064de;color:white;border-color:#2064de}.sp-row-actions button[data-plan-save]:hover{background:#174fae}.sp-row-actions .sp-clear{font-weight:400;color:#6b7e8d}.sp-row-error{display:block;max-width:210px;color:#ae3c3c;line-height:1.4;margin-top:5px}.sp-quarter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}.sp-quarter-grid>div{display:flex;flex-direction:column;gap:10px;border:1px solid #e2eaf0;border-radius:12px;padding:17px;font-size:12px;overflow-wrap:anywhere}.sp-quarter-grid small{font-size:11px;color:#6a7f8c}
@media(min-width:1500px){.sp-chart-layout{grid-template-columns:minmax(0,1fr) 305px}.sp-detail{padding:27px}.sp-detail-metric>strong{font-size:24px}}
@media(max-width:1000px){.sp-chart-layout{grid-template-columns:minmax(0,1fr)}.sp-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.sp-detail h3,.sp-detail>p,.sp-share{grid-column:1/-1}.sp-detail-metric{margin:6px 0 18px}.sp-quarter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sp-employee-shell{padding:15px!important}.sp-heading{flex-wrap:wrap;gap:10px}.sp-heading h3,.sp-heading h2{font-size:18px}.sp-legend{gap:10px}.sp-legend small{margin-left:0;width:100%}.sp-detail{padding:17px;gap:0 15px}.sp-detail-metric>strong{font-size:17px}.sp-plan-totals{grid-template-columns:1fr}.sp-quarter-grid{grid-template-columns:1fr}.sp-controls label,.sp-controls select{width:100%}.sp-plot{overflow-x:auto}.sp-plot svg{min-width:500px}.sp-chart-footer{line-height:1.6}.sp-detail-metric small{font-size:11px}}

/* Selected reference chart layout */
.sp-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 20px}.sp-kpi{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(190px,1fr);align-items:center;gap:16px;border-radius:16px;padding:18px 22px;border:1px solid #e1eaf4;box-shadow:0 5px 18px rgba(38,72,110,.06)}.sp-kpi-amount{background:linear-gradient(100deg,#edf5ff,#f6faff)}.sp-kpi-quantity{background:linear-gradient(100deg,#eefaf5,#f5fcf8);border-color:#dceee5}.sp-kpi-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:700;background:#dcebff;color:#2473dd}.sp-kpi-quantity .sp-kpi-icon{background:#d8f1e4;color:#15915a}.sp-kpi span{display:block;color:#5b7089;font-size:12px;margin-bottom:5px}.sp-kpi>div:nth-child(2)>b{display:block;color:#132e54;font-size:25px;line-height:1.2;white-space:nowrap}.sp-kpi-plan{border-left:1px solid #cbd9e8;padding-left:18px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.sp-kpi-plan strong{font-size:18px;color:#173760}.sp-kpi-plan i{height:8px;border-radius:8px;background:#dce8f5;overflow:hidden;display:block}.sp-kpi-quantity .sp-kpi-plan i{background:#dcefe5}.sp-kpi-plan em{display:block;height:100%;border-radius:8px;background:#1f7bea}.sp-kpi-quantity .sp-kpi-plan em{background:#159c61}.sp-kpi-plan>b{grid-column:2;grid-row:2;color:#173760;font-size:13px}.sp-chart-layout{display:block}.sp-detail{display:none}.sp-plot{padding:18px 16px 12px;border:1px solid #e4ebf3;border-radius:16px;background:#fff}.sp-plot+.sp-plot{margin-top:16px;padding-top:18px;border-top:1px solid #e4ebf3}.sp-plot-title{font-size:15px}.sp-plot-title>span:before{width:13px;height:13px}.sp-plot svg{background:linear-gradient(90deg,rgba(227,240,255,.55) 0 33.333%,rgba(238,246,255,.35) 33.333% 66.666%,rgba(245,249,255,.55) 66.666% 100%);border-radius:10px}
@media(max-width:800px){.sp-kpi-grid{grid-template-columns:1fr}.sp-kpi{grid-template-columns:50px minmax(0,1fr);padding:15px}.sp-kpi-plan{grid-column:2;border-left:0;border-top:1px solid #d4e0ec;padding:10px 0 0}.sp-kpi>div:nth-child(2)>b{font-size:20px}}

/* The reference chart uses a clean plot area without quarterly background bands. */
.sp-plot svg{background:none}

/* Keep the first plotted month clear of the Y-axis and strengthen employee context. */
.sp-eyebrow{display:inline-block;font-size:16px;line-height:1.35;letter-spacing:.02em}
@media(max-width:600px){.sp-eyebrow{font-size:15px}}