/* Systempilot Service-Level Curve (sp-slcurve.css) */
#sp-slcurve.sp-slcurve{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:#1b1f23;
  font-size:14px;
  line-height:1.45;
  --spsl-accent: var(--tcb-color-brand, #23414c);
}
#sp-slcurve.sp-slcurve *{box-sizing:border-box}

#sp-slcurve .spsl-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media (max-width:980px){#sp-slcurve .spsl-grid{grid-template-columns:1fr}}

#sp-slcurve .spsl-card{
  background:#fff;
  border:1px solid #e7ebee;
  border-radius:16px;
  padding:16px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

#sp-slcurve .spsl-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
#sp-slcurve .spsl-step{font-size:12px;letter-spacing:.06em;color:#6b7780;font-weight:800}
#sp-slcurve .spsl-sub{font-size:13px;color:#111827;font-weight:800;flex:1}

#sp-slcurve .spsl-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
#sp-slcurve .spsl-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 6px;font-size:12px;color:#3b444a;font-weight:800}
#sp-slcurve .spsl-value{font-size:28px;font-weight:900;letter-spacing:-.02em;color:#111827}
#sp-slcurve .spsl-unit{font-size:12px;color:#6b7780;font-weight:900;margin-left:6px}

#sp-slcurve .spsl-dual{display:flex;gap:12px;align-items:center}
#sp-slcurve .spsl-input{
  width:140px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #dde3e7;
  font-size:14px;
  outline:none;
  background:#fff;
}
#sp-slcurve .spsl-input:focus{border-color:rgba(35,65,76,.45);box-shadow:0 0 0 4px rgba(35,65,76,.12)}
#sp-slcurve .spsl-range{width:100%;accent-color:var(--spsl-accent)}

#sp-slcurve .spsl-select{
  height:42px;
  border-radius:12px;
  border:1px solid #dde3e7;
  padding:0 10px;
  background:#fff;
  font-weight:800;
  font-size:13px;
  color:#111827;
}

#sp-slcurve .spsl-presets{display:flex;gap:8px;flex-wrap:wrap}
#sp-slcurve .spsl-pill{
  border:1px solid #dde3e7;
  background:#fff;
  border-radius:999px;
  padding:8px 10px;
  font-weight:900;
  font-size:12px;
  cursor:pointer;
}
#sp-slcurve .spsl-pill:hover{border-color:rgba(35,65,76,.45);box-shadow:0 0 0 3px rgba(35,65,76,.10)}

#sp-slcurve .spsl-divider{height:1px;background:#eef2f4;margin:14px 0}

#sp-slcurve .spsl-svgwrap{width:100%;overflow:hidden}
#sp-slcurve svg{width:100%;height:280px;display:block}
#sp-slcurve .spsl-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;color:#2f363a}
#sp-slcurve .spsl-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;vertical-align:middle}
#sp-slcurve .spsl-note{margin-top:10px;font-size:12px;color:#6b7780;line-height:1.35}

#sp-slcurve .spsl-kpi{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;color:#111827}
#sp-slcurve .spsl-kpi b{font-weight:900}