/* ─── SLA PRESETS ─── */
.sla-presets{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.sla-preset{
  padding:6px 14px;border-radius:var(--r8);
  font-size:.78rem;font-weight:600;
  background:var(--bg);border:1.5px solid var(--border);
  color:var(--body);cursor:pointer;transition:all .15s;
}
.sla-preset:hover{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}
.sla-preset.active{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ─── INPUT WRAP ─── */
.upt-input-wrap{position:relative;}
.upt-prefix{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  font-size:.9rem;font-weight:600;color:var(--muted);pointer-events:none;
}
.upt-suffix{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font-size:.78rem;font-weight:500;color:var(--muted);pointer-events:none;
}

/* ─── RESULT GRID ─── */
.upt-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.upt-result-card{
  background:var(--bg);border:1px solid var(--border);border-radius:var(--r8);
  padding:16px;text-align:center;
}
.upt-result-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;}
.upt-result-value{font-family:'DM Serif Display',serif;font-size:1.2rem;color:var(--head);line-height:1.2;}

/* ─── COST ROWS ─── */
.upt-cost-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--border);
}
.upt-cost-row:last-of-type{border-bottom:none;}
.upt-cost-label{font-size:.875rem;color:var(--body);}
.upt-cost-value{font-family:'DM Serif Display',serif;font-size:1.3rem;color:var(--head);font-weight:400;}

/* ─── AVAILABILITY BAR ─── */
.upt-availability{margin-top:6px;}
.upt-avail-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;}
.upt-avail-bar{height:8px;background:var(--border);border-radius:8px;overflow:hidden;}
.upt-avail-fill{height:100%;background:var(--green);border-radius:8px;transition:width .4s ease;}
.upt-avail-pct{font-size:.875rem;font-weight:700;color:var(--green);text-align:right;margin-top:6px;}

/* ─── SLA COMPARE TABLE ─── */
.sla-compare{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);padding:20px;margin-top:8px;}
.sla-compare-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;}
.sla-table{width:100%;border-collapse:collapse;}
.sla-table th{
  font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);
}
.sla-table td{font-size:.84rem;color:var(--body);padding:9px 10px;border-bottom:1px solid var(--border);}
.sla-table tr:last-child td{border-bottom:none;}
.sla-table td:first-child{font-weight:700;color:var(--head);}

@media(max-width:768px){
  .upt-result-grid{grid-template-columns:1fr 1fr;}
  .sla-presets{gap:6px;}
  .sla-preset{padding:5px 12px;font-size:.72rem;}
  .sla-table{font-size:.78rem;}
  .sla-table th,.sla-table td{padding:7px 6px;}
}
@media(max-width:480px){
  .upt-result-grid{grid-template-columns:1fr;}
  .upt-result-card{padding:14px;}
  .upt-result-value{font-size:1rem;}
  .upt-cost-value{font-size:1.1rem;}
  .sla-compare{padding:16px;overflow-x:auto;}
  .sla-table{min-width:340px;}
}