.sla-title{align-items:center}.sla-title .primary-button{text-decoration:none}.sla-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 22px}.sla-tabs a{padding:11px 14px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:750;border-bottom:2px solid transparent}.sla-tabs a.active{color:var(--green);border-color:var(--green)}.sla-config-grid{display:grid;grid-template-columns:minmax(400px,.8fr) minmax(500px,1.2fr);gap:18px;align-items:start}.sla-config-grid>.panel,.capacity-panel{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.sla-config-grid header,.capacity-panel>header,.sla-backlog>header,.sla-side .panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.sla-config-grid h2,.capacity-panel h2,.sla-backlog h2,.sla-side h2{margin:2px 0;color:var(--green-dark);font-size:16px}.sla-config-grid header>span{color:var(--muted);font-size:9px}.sla-form{display:grid;gap:13px;margin-top:18px}.sla-form label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.sla-form input,.sla-form select,.sla-form textarea,.capacity-row input,.capacity-row select{width:100%;box-sizing:border-box;border:1px solid #c7d1cc;border-radius:8px;background:#fff;padding:9px;color:var(--text);font:inherit;font-size:11px}.sla-form input,.sla-form select{height:39px}.sla-form fieldset{margin:0;border:1px solid #dfe6e2;border-radius:10px;padding:12px}.sla-form legend{padding:0 6px;color:var(--green-dark);font-size:10px;font-weight:800}.sla-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sla-objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sla-objectives label{border-radius:8px;background:#f6f9f7;padding:10px}.sla-objectives span{display:flex;align-items:center;gap:5px;text-transform:none}.sla-objectives input{min-width:0}.sla-policy-list>header,.sla-calendar-list>header{padding-bottom:11px;border-bottom:1px solid var(--line)}.sla-policy-list>article{display:grid;grid-template-columns:38px minmax(180px,1fr) auto auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1ef}.sla-policy-list article.inactive{opacity:.55}.sla-order{width:32px;height:32px;border-radius:9px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-size:10px;font-weight:800}.sla-policy-list article>div,.sla-calendar-list article>div:nth-child(2){display:grid;gap:3px}.sla-policy-list strong,.sla-calendar-list strong{font-size:11px;color:var(--green-dark)}.sla-policy-list small,.sla-calendar-list small{color:var(--muted);font-size:9px}.sla-policy-list p,.sla-calendar-list p{margin:2px 0 0;color:var(--muted);font-size:8px}.sla-policy-list dl{display:flex;gap:12px;margin:0}.sla-policy-list dl div{display:grid;text-align:center;gap:2px}.sla-policy-list dt{color:var(--muted);font-size:7px;text-transform:uppercase}.sla-policy-list dd{margin:0;font-size:10px;font-weight:800}.status-toggle{border:0;border-radius:20px;padding:6px 9px;background:#eef1ef;color:var(--muted);font-size:8px;font-weight:800}.status-toggle.active{background:var(--green-soft);color:var(--green)}.sla-calendar-list>article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1ef}.calendar-icon{width:36px;height:36px;border-radius:10px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.sla-calendar-list em{font-style:normal;font-size:7px;text-transform:uppercase;background:#fff4df;color:#8b6419;padding:3px 5px;border-radius:10px}.sla-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:10px}.sla-empty strong{display:block;color:var(--green-dark);font-size:12px}.capacity-panel>header{margin-bottom:14px}.capacity-panel header p{margin:3px 0;color:var(--muted);font-size:9px}.capacity-head,.capacity-row{display:grid;grid-template-columns:minmax(200px,1.5fr) 100px 80px 120px 70px 70px;gap:12px;align-items:center}.capacity-head{padding:10px 5px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;text-transform:uppercase}.capacity-row{padding:12px 5px;border-bottom:1px solid #edf1ef}.capacity-row>span:first-of-type{display:flex;align-items:center;gap:9px}.capacity-row>span:first-of-type>i,.agent-load i{width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:800}.capacity-row>span:first-of-type>span{display:grid}.capacity-row strong{font-size:10px}.capacity-row small{font-size:8px;color:var(--muted)}.capacity-row>span:nth-of-type(2){font-size:9px;color:var(--muted)}.capacity-row>span:nth-of-type(2) b{font-size:13px;color:var(--green-dark)}.capacity-row button{border:0;background:transparent;color:var(--green);font-size:9px;font-weight:800}.switch input{position:absolute;opacity:0}.switch span{display:block;width:34px;height:19px;border-radius:12px;background:#cbd4d0;position:relative}.switch span:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:17px}.sla-supervision{padding:34px 40px;max-width:1500px;margin:auto}.sla-supervision-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sla-supervision-head h1{margin:2px 0;color:var(--green-dark);font-size:28px}.sla-supervision-head p:last-child{margin:4px 0;color:var(--muted);font-size:11px}.sla-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.sla-kpis article{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;gap:4px}.sla-kpis span{color:var(--muted);font-size:8px;text-transform:uppercase}.sla-kpis strong{color:var(--green-dark);font-size:22px}.sla-kpis small{color:var(--muted);font-size:8px}.sla-kpis article.risk{background:#fffbf0;border-color:#f1dfaa}.sla-kpis article.breached{background:#fff5f4;border-color:#efc7c2}.sla-kpis article.risk strong{color:#9a6c13}.sla-kpis article.breached strong{color:var(--danger)}.sla-supervision-grid{display:grid;grid-template-columns:minmax(600px,1fr) 320px;gap:18px;align-items:start}.sla-backlog,.sla-side .panel{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.sla-backlog header p,.sla-side header p{margin:4px 0;color:var(--muted);font-size:9px}.sla-backlog-head,.sla-backlog>a{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(160px,1fr) 130px;gap:14px;align-items:center}.sla-backlog-head{padding:11px 5px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;text-transform:uppercase}.sla-backlog>a{padding:14px 5px;border-bottom:1px solid #edf1ef;text-decoration:none;color:var(--text)}.sla-backlog>a>span{display:grid;gap:3px}.sla-backlog>a strong{font-size:10px}.sla-backlog>a small{font-size:8px;color:var(--muted)}.sla-pill{padding:7px 9px;border-radius:8px;background:#f1f5f3}.sla-pill.active{background:var(--green-soft);color:var(--green)}.sla-pill.risk{background:#fff4df;color:#8b6419}.sla-pill.breached{background:#fff0ef;color:var(--danger)}.sla-pill small{color:inherit!important}.sla-side{display:grid;gap:18px}.agent-load{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #edf1ef}.agent-load>span{display:flex;gap:8px;align-items:center}.agent-load>span>span{display:grid}.agent-load strong{font-size:9px}.agent-load small{font-size:8px;color:var(--muted)}.agent-load>b{font-size:10px}.agent-load>em{grid-column:1/-1;height:4px;border-radius:3px;background:#e8eeeb}.agent-load>em span{display:block;height:100%;border-radius:3px;background:var(--green)}.sla-alert{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.sla-alert>span{display:grid;gap:3px;flex:1}.sla-alert strong{font-size:9px}.sla-alert small{font-size:8px;color:var(--muted)}.sla-alert.risk strong{color:#8b6419}.sla-alert.breached strong{color:var(--danger)}.sla-alert button{border:0;border-radius:50%;width:25px;height:25px;background:var(--green-soft);color:var(--green)}@media(max-width:1150px){.sla-config-grid,.sla-supervision-grid{grid-template-columns:1fr}}@media(max-width:760px){.sla-supervision{padding:24px 18px}.sla-kpis{grid-template-columns:1fr 1fr}.sla-rule-grid,.sla-objectives{grid-template-columns:1fr}.capacity-head{display:none}.capacity-row{grid-template-columns:1fr 80px}.sla-backlog-head{display:none}.sla-backlog>a{grid-template-columns:1fr}.sla-tabs{overflow:auto}.sla-supervision-head{align-items:flex-start;flex-direction:column;gap:12px}}
