.service-ticket-drawer{width:min(640px,96vw);max-width:none;padding:0!important;overflow:hidden!important;background:#f5f7f8;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.service-ticket-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 16px;border-bottom:1px solid #dfe7e9;background:#fff}.service-ticket-heading{min-width:0;display:flex;align-items:flex-start;gap:11px}.service-ticket-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--app-accent-soft);color:var(--app-accent-strong)}.service-ticket-heading>div{min-width:0;display:grid;gap:3px}.service-ticket-heading>div>span{color:#71848b;font-size:7px;font-weight:900;letter-spacing:.09em}.service-ticket-heading h2{margin:0;color:#18343e;font-size:18px;line-height:1.22;letter-spacing:-.025em}.service-ticket-heading p{margin:0;color:#829299;font-size:7.5px}.service-ticket-body{overflow-y:auto;padding:14px 18px 24px}.service-ticket-error{margin-bottom:10px;padding:9px 11px;border:1px solid #efcccc;border-radius:9px;background:#fff5f5;color:#a93636;font-size:8.5px;font-weight:750}.service-ticket-customer{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #dce5e7;border-radius:12px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(26,51,60,.035)}.service-ticket-customer>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8f4f2;color:#14786e;font-size:9px;font-weight:900}.service-ticket-customer>div{min-width:0;display:grid;gap:2px}.service-ticket-customer small{color:#778a90;font-size:6.5px;font-weight:900;letter-spacing:.08em}.service-ticket-customer strong{color:#18343e;font-size:11px}.service-ticket-customer p{margin:0;color:#63777e;font-size:8.5px;line-height:1.35}.service-ticket-customer>b{color:var(--app-accent-strong);font-size:7.5px;white-space:nowrap}.service-ticket-progress{margin-top:11px;padding:11px 12px;border:1px solid #dce5e7;border-radius:12px;background:#fff}.service-ticket-progress>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.service-ticket-progress>header>span{color:#314c55;font-size:8px;font-weight:850}.service-ticket-progress>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:5px}.service-ticket-progress button{min-width:0;display:grid;grid-template-columns:5px minmax(0,1fr);align-items:center;gap:5px;height:28px;padding:0 7px;border:1px solid #e1e8e9;border-radius:8px;background:#f8fafa;color:#71838a;font:750 7px/1 inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-ticket-progress button i{width:5px;height:5px;border-radius:50%;background:var(--ticket-stage-color,#82949a)}.service-ticket-progress button.active{border-color:color-mix(in srgb,var(--ticket-stage-color) 45%,#dce5e7);background:color-mix(in srgb,var(--ticket-stage-color) 9%,white);color:#203b45;font-weight:900}.service-ticket-section{margin-top:11px;padding:14px;border:1px solid #dce5e7;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(26,51,60,.025)}.service-ticket-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.service-ticket-section>header>div{display:flex;align-items:flex-start;gap:9px}.service-ticket-section>header>div>span{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:8px;background:#edf3f4;color:#64787f;font-size:7px;font-weight:900}.service-ticket-section h3{margin:0;color:#203b45;font-size:10px}.service-ticket-section header p{margin:2px 0 0;color:#7a8c92;font-size:7.5px}.service-ticket-section header time{padding:5px 7px;border-radius:7px;background:#e9f6ee;color:#318054;font-size:6.5px;font-weight:850;white-space:nowrap}.service-ticket-collapsible{padding:0;overflow:visible}.service-ticket-section-toggle{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border:0;border-radius:12px;background:#fff;color:inherit;text-align:left;cursor:pointer}.service-ticket-section-toggle:hover{background:#fbfcfc}.service-ticket-section-toggle>div{display:flex;align-items:flex-start;gap:9px}.service-ticket-section-toggle>div>span{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:8px;background:#edf3f4;color:#64787f;font-size:7px;font-weight:900}.service-ticket-section-toggle h3{display:flex;align-items:center;gap:6px}.service-ticket-section-toggle h3 em{min-width:19px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:#e9f0f1;color:#60757c;font-size:6.5px;font-style:normal}.service-ticket-section-toggle p{margin:2px 0 0;color:#7a8c92;font-size:7.5px}.service-ticket-section-status>b,.service-ticket-section-toggle>b{width:23px;height:23px;display:grid;place-items:center;flex:none;border:1px solid #d8e2e4;border-radius:7px;background:#f8fafa;color:#60757d;font-size:13px}.service-ticket-section-status{display:flex;align-items:center;gap:7px}.service-ticket-section-status time{padding:5px 7px;border-radius:7px;background:#e9f6ee;color:#318054;font-size:6.5px;font-weight:850;white-space:nowrap}.service-ticket-section-content{padding:0 14px 14px}.service-ticket-collapsible.collapsed{box-shadow:none}.service-ticket-collapsible.expanded>.service-ticket-section-toggle{border-radius:12px 12px 0 0}.service-ticket-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-ticket-form label{min-width:0;display:grid;gap:5px;color:#455c65;font-size:7.5px;font-weight:850}.service-ticket-form label.full{grid-column:1/-1}.service-ticket-form label small{color:#8a999e;font-size:6.5px;font-weight:650}.service-ticket-form input,.service-ticket-form select,.service-ticket-form textarea{width:100%;min-width:0;border:1px solid #d8e2e4;border-radius:9px;background:#fbfcfc;color:#203a44;font:700 9px/1.35 inherit}.service-ticket-form input,.service-ticket-form select{height:36px;padding:0 10px}.service-ticket-form textarea{min-height:78px;padding:9px 10px;resize:vertical}.service-ticket-form input:focus,.service-ticket-form select:focus,.service-ticket-form textarea:focus{outline:none;border-color:color-mix(in srgb,var(--app-accent) 55%,#d8e2e4);box-shadow:0 0 0 3px rgba(var(--app-accent-rgb),.07);background:#fff}.service-ticket-related-links{display:flex;gap:8px;margin-top:9px}.service-ticket-related-links a{padding:5px 8px;border-radius:7px;background:var(--app-accent-soft);color:var(--app-accent-strong);font-size:7px;font-weight:850;text-decoration:none}.service-ticket-resolution.resolved{border-color:#cfe5d7}.service-ticket-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 2px 0;color:#82949a;font-size:6.5px}.service-ticket-meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-ticket-savebar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 18px;border-top:1px solid #dce5e7;background:#fff;box-shadow:0 -8px 20px rgba(24,52,62,.04)}.service-ticket-savebar .button{min-height:34px}.service-ticket-savebar .button.primary{min-width:110px}@media(max-width:700px){.service-ticket-drawer{width:100vw}.service-ticket-body{padding:12px}.service-ticket-progress>div{grid-template-columns:repeat(2,minmax(0,1fr))}.service-ticket-form{grid-template-columns:1fr}.service-ticket-form label.full{grid-column:auto}.service-ticket-customer{grid-template-columns:40px minmax(0,1fr)}.service-ticket-customer>b{display:none}}.service-priority{display:inline-flex;align-items:center;width:max-content;font-size:8px;font-weight:850;line-height:1.2;letter-spacing:.01em}.service-priority-normal{color:#2671b8}.service-priority-high{color:#c46b1e}.service-priority-urgent{color:#c33d3d;font-weight:950;letter-spacing:.055em}.ticket-board .badge-normal{background:transparent;color:#2671b8}.ticket-board .badge-high{background:transparent;color:#c46b1e}.ticket-board .badge-urgent{background:transparent;color:#c33d3d;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.service-priority-input.service-priority-normal{border-left:4px solid #3d86c7;color:#2671b8}.service-priority-input.service-priority-high{border-left:4px solid #d68135;color:#b85f16}.service-priority-input.service-priority-urgent{border-left:4px solid #ce4545;color:#bd3434;font-weight:900;text-transform:uppercase}.service-ticket-relationship{overflow:visible;border:1px solid #dce5e7;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(26,51,60,.035)}.service-ticket-relationship .service-ticket-customer{border:0;border-radius:13px 13px 0 0;box-shadow:none}.service-ticket-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;border-top:1px solid #e4eaeb;background:#f8fafa}.service-ticket-related-grid label{min-width:0;display:grid;gap:5px;padding:9px;border:1px solid #dce5e7;border-radius:10px;background:#fff;color:#455d65;font-size:7.5px;font-weight:850}.service-ticket-related-grid label>span{display:flex;align-items:center;gap:5px;color:#314d56}.service-ticket-related-grid label>span .icon{color:var(--app-accent-strong)}.service-ticket-related-grid select{width:100%;height:34px;min-width:0;padding:0 8px;border:1px solid #d7e1e3;border-radius:8px;background:#fbfcfc;color:#29444d;font:700 8px inherit}.service-ticket-related-grid a{color:var(--app-accent-strong);font-size:7px;font-weight:850;text-decoration:none}.service-ticket-progress{overflow:visible}.service-ticket-progress>.service-ticket-stage-rail{display:grid;grid-template-columns:repeat(var(--service-stage-columns),minmax(92px,1fr));gap:6px;overflow:visible;padding:2px;border:1px solid #e0e7f0;border-radius:12px;background:#f5f7fb}.service-ticket-stage-rail>button{position:relative;min-width:0;height:45px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:#68778b;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.service-ticket-stage-rail>button:not(.current):hover{background:#fff;color:#203b45;box-shadow:0 4px 12px rgba(6,25,53,.07);transform:translateY(-1px)}.service-ticket-stage-rail>button>i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:#7b899a;font:850 7px/1 inherit;font-style:normal;box-shadow:0 2px 5px rgba(6,25,53,.04)}.service-ticket-stage-rail>button>span{min-width:0;display:grid;gap:2px}.service-ticket-stage-rail small,.service-ticket-stage-rail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-ticket-stage-rail small{color:inherit;font-size:5.7px;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.service-ticket-stage-rail strong{color:#203b45;font-size:8px;font-weight:800}.service-ticket-stage-rail>button.passed>i{border-color:color-mix(in srgb,var(--ticket-stage-color) 35%,#d8e1ec);background:color-mix(in srgb,var(--ticket-stage-color) 11%,#fff);color:var(--ticket-stage-color)}.service-ticket-stage-rail>button.current{border:1px solid color-mix(in srgb,var(--ticket-stage-color) 40%,#d8e1ec);background:color-mix(in srgb,var(--ticket-stage-color) 10%,#fff);box-shadow:0 5px 13px color-mix(in srgb,var(--ticket-stage-color) 14%,transparent)}.service-ticket-stage-rail>button.current>i{border-color:var(--ticket-stage-color);background:var(--ticket-stage-color);color:#fff;box-shadow:none}.service-ticket-stage-rail>button:after{content:attr(data-stage-label);position:absolute;z-index:900;left:50%;bottom:calc(100% + 7px);max-width:210px;padding:7px 10px;border:1px solid #d5e0eb;border-radius:9px;background:#132943;color:#fff;font:760 9px/1.25 var(--font-geist-sans),Inter,ui-sans-serif,system-ui,sans-serif;white-space:normal;box-shadow:0 10px 28px rgba(6,25,53,.22);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .08s ease,transform .08s ease}.service-ticket-stage-rail>button:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%)}.service-ticket-notes{margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.service-ticket-notes .task-note-stream{max-height:340px}.service-ticket-notes .task-note-thread{min-width:0}.service-ticket-notes .task-note-thread>article{min-width:0;overflow:hidden}.service-ticket-notes .task-note-thread>article>div{min-width:0}.service-ticket-notes-shell>.service-ticket-section-content{padding-top:2px}.service-ticket-files{padding:0;overflow:visible}.service-ticket-files .service-ticket-section-content{padding:0;overflow:visible;border-top:1px solid #e5ebec}.service-ticket-files .record-files-workspace{min-height:0}.service-ticket-files .record-file-tools{padding-inline:12px}.service-ticket-files .record-file-uploader{grid-template-columns:1fr;padding-inline:12px}.service-ticket-files .record-file-uploader fieldset{grid-column:auto}.service-ticket-create-form{position:relative}.service-ticket-customer-picker{position:relative;z-index:8}.service-ticket-customer-picker>div{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #ccdadd;border-radius:9px;background:#fff;color:#73878e}.service-ticket-customer-picker>div input{height:38px;padding:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important}.service-ticket-customer-picker>section{position:absolute;z-index:60;top:calc(100% + 5px);right:0;left:0;overflow:hidden;border:1px solid #d5e0e2;border-radius:11px;background:#fff;box-shadow:0 15px 38px rgba(18,42,51,.18)}.service-ticket-customer-picker>section>button{width:100%;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:0;border-bottom:1px solid #edf1f2;background:#fff;color:#334f58;text-align:left}.service-ticket-customer-picker>section>button:hover{background:var(--app-accent-soft)}.service-ticket-customer-picker>section>button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f4f2;color:#14786e;font-size:7px;font-style:normal;font-weight:900}.service-ticket-customer-picker>section>button>span{min-width:0;display:grid;gap:2px}.service-ticket-customer-picker>section strong{font-size:8.5px}.service-ticket-customer-picker>section small{overflow:hidden;color:#829399;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.service-ticket-customer-picker>section>p{margin:0;padding:13px;color:#7c8e94;font-size:8px}.service-resolve-button{border:1px solid #238157!important;background:#2c9564!important;color:#fff!important;font-weight:850!important}.service-resolve-button:hover{background:#247d55!important}@media(max-width:700px){.service-ticket-related-grid{grid-template-columns:1fr}.service-ticket-progress>.service-ticket-stage-rail{grid-template-columns:repeat(2,minmax(92px,1fr))}.service-ticket-files .record-file-tools{grid-template-columns:1fr}}.automation-loading{padding:28px;color:#789096;font-size:9px;text-align:center}.automation-toggle{position:relative;width:34px;height:20px;padding:0;border:1px solid #cbd8da;border-radius:999px;background:#e7eded;cursor:pointer;transition:background .15s ease,border-color .15s ease}.automation-toggle i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(26,49,56,.22);transition:transform .15s ease}.automation-toggle.on{border-color:var(--app-accent-strong);background:var(--app-accent-strong)}.automation-toggle.on i{transform:translateX(14px)}.automation-toggle:disabled{cursor:wait;opacity:.55}