.sla-summary{margin:12px 0;padding:14px;border:1px solid #d8e3ed;border-radius:12px;background:#f7fafc}.sla-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px}.sla-heading small{color:#64748b}.sla-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sla-metric{display:flex;flex-direction:column;gap:5px;padding:12px;background:white;border-radius:9px;border-inline-start:3px solid #40c9c1;font-size:13px}.sla-warning{border-color:#d89a1b;background:#fff9eb}.sla-breached,.sla-missed,.sla-no_response{border-color:#c95151;background:#fff3f3}.sla-paused{border-color:#8796a8;background:#f1f4f8}#support-sla>button{margin:4px}#sla-edit~button{margin-inline-start:8px}@media(max-width:550px){.sla-metrics{grid-template-columns:1fr}}
