/* v36 explicit cross-tab service-period context. No KPI styles outside the new controls change. */
html body #v36ServicePeriodControl{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,auto);gap:10px 18px;padding:12px 15px;background:#f4f9fc;border:1px solid #cedfeb;border-radius:14px;color:#234b68;min-width:0;box-sizing:border-box}
html body #v36ServicePeriodControl[hidden]{display:none!important}
html body #v36ServicePeriodControl strong{font-size:15px;line-height:1.4}
html body #v36ServicePeriodControl p{font-size:12px;line-height:1.4;margin:4px 0 0}
html body #v36ServicePeriodControl label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;align-self:center}
html body #v36ServicePeriodControl select{width:100%;min-width:0;min-height:36px;padding:7px;border:1px solid #b8cfdf;border-radius:8px;background:#fff;color:#234b68;font:inherit}
html body #v36ServicePeriodPreview{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 20px;font-size:12px;line-height:1.5;border-top:1px solid #dce8f1;padding-top:8px;overflow-wrap:anywhere}
html body #slCards .v36-service-card{position:relative;padding:14px!important;gap:9px!important;background:#fff}
html body #slCards .v36-service-card header{position:relative;min-height:var(--v26-th);padding-right:calc(var(--v26-tw) + 12px)}
html body #slCards .v36-service-card h3{margin:0;font-size:15px!important;line-height:1.4}
html body #slCards .v36-service-card p{margin:4px 0;font-size:12px!important;line-height:1.4}
html body #slCards .v36-actual{font-size:28px!important;line-height:1.15;color:#174f74;font-variant-numeric:tabular-nums}
html body #slCards .v36-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html body #slCards .v36-facts>span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;background:#f6f9fc;border:1px solid #e0e9f0;border-radius:7px;padding:8px;font-size:12px;line-height:1.4}
html body #slCards .v36-service-card details{font-size:12px;line-height:1.4}
html body #slCards .v36-service-card summary{cursor:pointer}
@media(max-width:760px){html body #v36ServicePeriodControl{grid-template-columns:minmax(0,1fr)}}