body{min-width:760px}.settings-shell .main{padding:0}.settings-page{gap:16px}.settings-page>.segmented{margin-right:24px}.settings-page>.segmented button:disabled{opacity:1;cursor:default}.settings-sidebar a[aria-disabled=true]{cursor:default}.sla-panel{flex:1;min-height:0;background:#fff;border-radius:8px 0 0 0;padding:20px 28px 24px 24px;overflow:auto}.sla-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.sla-heading .section-title{font-size:14px;font-weight:500;margin:0 0 8px -6px}.sla-description{color:rgba(0,0,0,.45);font-size:12px;margin:0 0 0 12px;line-height:22px}.sla-heading .button{margin-top:4px}.sla-table{border-collapse:collapse;table-layout:fixed;width:100%;color:rgba(0,0,0,.85)}.sla-table th,.sla-table td{height:46px;padding:12px 16px;text-align:left;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0}.sla-table th{background:#fafafa;position:relative;font-weight:500}.sla-table th:not(:last-child):after{content:'';position:absolute;width:1px;height:22px;background:#eee;right:0;top:12px}.sla-table tbody tr:nth-child(even){background:#fdfdfd}.sla-table tbody tr:hover{background:#fafafa}.sla-table tbody tr.drag-over{box-shadow:inset 0 2px #f60}.sla-table .priority-head{display:flex;align-items:center;gap:8px}.priority-head img{width:12px;height:12px;opacity:.5}.drag-handle{display:inline-flex;width:14px;height:20px;align-items:center;justify-content:center;color:#9c9c9c;cursor:grab;background:none;border:0;padding:0;touch-action:none}.drag-dots{display:block;width:8px;height:12px;background:radial-gradient(circle,#9c9c9c 1px,transparent 1.2px) 0 0/4px 4px}.more-button{border:0;background:none;padding:0 4px;display:inline-flex;align-items:center;height:22px}.more-button img{width:14px;height:14px}.sla-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:24px}.sla-pagination button{height:32px;min-width:32px;border:1px solid #ddd;border-radius:6px;background:white;line-height:30px;padding:0 9px}.sla-pagination button.selected{border-color:#f60;color:#f60}.sla-pagination button:disabled{color:#bbb;opacity:.6;cursor:default}.row-menu{position:fixed;z-index:1200;background:white;padding:4px 0;box-shadow:0 6px 20px #0002;border-radius:6px;min-width:86px}.row-menu button{display:block;width:100%;border:0;background:none;padding:6px 20px;text-align:left;white-space:nowrap}.row-menu button:hover{background:#f5f5f5}.sla-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1001;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 0;scrollbar-width:thin}.sla-modal{position:relative;background:white;width:1200px;max-width:calc(100% - 48px);border-radius:12px;padding:24px;margin:auto 0;color:rgba(0,0,0,.85);flex:none}.sla-modal-title{font-size:16px;font-weight:500;line-height:25px;margin:0;display:flex;align-items:center;justify-content:space-between}.sla-modal-title .close{position:static;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:22px;font-weight:400;border:0;background:none;padding:0;color:#262626}.sla-steps{display:flex;margin-top:24px;height:58px;gap:16px}.sla-step{display:flex;position:relative;flex:1;min-width:0;gap:8px;color:rgba(0,0,0,.25)}.sla-step:last-child{flex:0 0 152px}.sla-step:not(:last-child):after{content:'';height:1px;background:#f0f0f0;position:absolute;left:120px;right:0;top:16px}.sla-step.done:after{background:#ffb27b}.sla-step-number{width:32px;height:32px;border-radius:50%;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}.sla-step.active{color:rgba(0,0,0,.85)}.sla-step.active .sla-step-number{background:#f60;border-color:#f60;color:white}.sla-step.done{color:rgba(0,0,0,.65)}.sla-step.done .sla-step-number{color:#f60;border-color:#f60}.sla-step-title{font-size:16px;line-height:32px;white-space:nowrap}.sla-step-description{white-space:nowrap;color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.sla-step-content{margin-top:24px}.sla-step-basic{min-height:317px}.sla-step-basic .field{margin-bottom:24px}.sla-step-basic .field>label{margin-bottom:8px;line-height:22px;color:rgba(0,0,0,.85)}.sla-step-basic .control{height:32px}.sla-scene{margin:0 0 24px;width:158px;height:38px;background:#f5f5f5;border:1px solid #e3e5e8;border-radius:6px;display:flex;padding:3px}.sla-scene button{width:76px;height:30px;border:0;background:none;border-radius:5px;color:#999}.sla-scene button.active{color:#f60;background:white;box-shadow:0 1px 5px #0002}.sla-scene button:disabled{opacity:1;cursor:default}.channel-condition{display:flex;gap:10px;align-items:flex-start}.channel-condition>.control{flex:none;color:rgba(0,0,0,.25);background:#f5f5f5;width:136px}.channel-condition>.control.operator{width:98px}.channel-select{flex:1;min-width:0;min-height:32px;border:1px solid #d9d9d9;border-radius:6px;display:flex;align-items:center;gap:4px;padding:2px 10px;background:white;cursor:text}.channel-select.open,.channel-select:focus-within{border-color:#ff8629}.channel-tags{display:contents}.channel-tag{display:flex;align-items:center;gap:6px;flex:none;max-width:230px;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:2px;height:24px;padding:0 5px;font-size:14px;line-height:22px}.channel-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-tag button,.channel-clear{border:0;background:none;padding:0;color:#999;line-height:14px;font-size:16px}.channel-search{border:0;padding:0 2px;height:24px;min-width:24px;width:10px;flex:1;background:none;box-shadow:none!important;font-size:14px}.channel-search::placeholder{color:#bfbfbf}.channel-search:focus{box-shadow:none!important}.channel-clear{font-size:14px}.channel-select .search-glyph{width:12px;height:12px;opacity:.45;flex:none;margin-left:auto}.sla-pause{margin-bottom:0!important}.sla-pause .radios{margin:12px 0 0;gap:24px}.sla-pause .radios input{width:16px;height:16px}.sla-pause .radios input:checked{border-width:4px}.sla-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.sla-footer .button{min-width:64px}.sla-footer .next{border-color:#f60;color:#f60}.sla-inline-error{color:#ff4d4f;font-size:12px;line-height:20px;margin-top:5px}.invalid-control{border-color:#ff4d4f!important}.channel-picker{position:fixed;z-index:1101;background:white;border-radius:8px;padding:4px 0;box-shadow:0 6px 24px #0003;max-height:272px;overflow:auto;scrollbar-width:thin}.channel-row{height:28px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#444;cursor:pointer;white-space:nowrap}.channel-row:hover{background:#f5f5f5}.channel-expand{width:8px;height:18px;border:0;background:none;position:relative;flex:none;padding:0;cursor:pointer}.channel-expand:after{content:'';display:block;border:4px solid transparent;border-left:5px solid #555;position:absolute;top:5px;left:1px}.channel-expand.expanded:after{border:4px solid transparent;border-top:5px solid #555;left:0;top:7px}.channel-expand.empty:after{display:none}.tree-check{appearance:none;width:16px;height:16px;border:1px solid #d9d9d9;background:white;border-radius:2px;margin:0;position:relative;cursor:pointer;flex:none}.tree-check:checked{border-color:#f60;background:#f60}.tree-check:checked:after{content:'';position:absolute;width:8px;height:4px;left:3px;top:4px;border-left:1.6px solid white;border-bottom:1.6px solid white;transform:rotate(-45deg)}.tree-check:indeterminate:after{content:'';position:absolute;inset:3px;background:#f60}.channel-row.child{padding-left:54px}.channel-row-label{flex:1;overflow:hidden;text-overflow:ellipsis}.channel-picker > .empty{padding:24px}.metric-section{min-height:224px}.metric-block{min-height:56px;margin-bottom:24px}.metric-block.on{min-height:88px}.metric-label{display:flex;align-items:center;gap:8px;height:22px}.metric-label .switch{width:44px;height:22px}.metric-target{display:flex;align-items:center;margin-top:24px;gap:8px}.metric-target .target-number{width:76px;flex:none}.metric-target .metric-unit{width:72px;flex:none}.unit-select,.notify-select,.reminder-metric{height:32px;border:1px solid #d9d9d9;border-radius:6px;background:white;padding:0 10px;cursor:pointer}.metric-unit{border:0;padding:0 8px;color:rgba(0,0,0,.65)}.reminders{overflow-x:auto;padding-bottom:0;min-height:100px}.reminder-row{display:flex;gap:8px;align-items:center;min-width:1060px;min-height:32px;margin-bottom:36px;position:relative}.reminder-row .reminder-metric{width:240px;flex:none}.reminder-row .remaining-control{width:264px;display:flex;flex:none}.remaining-control input{border-radius:6px 0 0 6px;width:184px;flex:none}.remaining-control select{border-left:0;border-radius:0 6px 6px 0;width:80px;flex:none}.reminder-row .notify-select{width:144px;flex:none}.reminder-row .reminder-label{white-space:nowrap}.reminder-row .marker-input{width:184px;flex:none}.reminder-row .color-control{width:20px;height:20px;flex:none;border:0;border-radius:2px;padding:0}.reminder-row .delete-reminder{width:18px;height:24px;border:0;background:none;color:#777;padding:0;display:flex;align-items:center;justify-content:center}.delete-reminder svg{width:14px;height:14px}.reminder-row .row-error{position:absolute;bottom:-22px;left:22px;color:#f44;font-size:12px}.sla-modal input:disabled,.sla-modal select:disabled{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed;opacity:1}.add-reminder{height:32px;padding:4px 15px;border:0;background:none;color:#1e63f5}.color-picker{position:fixed;z-index:1201;padding:12px;background:white;box-shadow:0 5px 20px #0003;border-radius:6px}.color-picker p{font-size:12px;color:#888;margin:0 0 10px}.palette{display:flex;gap:6px}.palette button{width:20px;height:20px;border:1px solid transparent;border-radius:2px;padding:0}.palette button.active{border-color:#f60;outline:1px solid #f60;outline-offset:2px}.sla-confirm{width:420px;max-width:calc(100% - 48px);padding:24px;background:white;border-radius:8px;margin:auto}.sla-confirm h3{font-size:16px;font-weight:500;margin:0 0 16px}.sla-confirm p{color:#666;line-height:1.8}.demo-toggle{z-index:900}.sla-demo{position:fixed;right:20px;bottom:56px;width:296px;background:#fff;padding:16px;box-shadow:0 5px 24px #0002;border:1px solid #eee;border-radius:8px;z-index:901}.sla-demo h3{font-size:14px;margin:0 0 16px}.sla-demo label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sla-demo select{height:28px;border:1px solid #ddd;border-radius:5px}.sla-demo p{font-size:12px;color:#888;margin:12px 0 0}.sla-empty{padding:70px 0;text-align:center;color:#999}.sla-modal .control{background:white}#toast{z-index:2200}.sla-modal:focus{outline:0}
@media(max-width:1100px){.channel-condition>.control{width:110px}.channel-condition>.control.operator{width:70px}.channel-tag{max-width:180px}.sla-description{max-width:620px}.sla-steps{gap:12px}.sla-step:not(:last-child):after{left:120px;right:0}.sla-step:last-child{flex-basis:150px}.top-tools{gap:10px}.top-tools .queue-status{display:none}}
@media(max-width:800px){.sla-modal{max-width:calc(100% - 24px)}.sla-step-description{font-size:12px}.sla-step-title{font-size:14px}.sla-step:not(:last-child):after{display:none}.sla-step:last-child{flex:1}.channel-select{flex-wrap:wrap}.sla-table th,.sla-table td{padding:10px}.sla-panel{padding-right:16px}.sla-heading{gap:12px}}