:root{color:#18233d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fc;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f6f8fc;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--ink:#17213a;--muted:#77819a;--line:#e7eaf1;--brand:#5146e5;--brand2:#7a5cff;--nav:#10172a}.app-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d9dded;z-index:5;background:linear-gradient(175deg,#11182d 0%,#17213b 65%,#161c34 100%);flex-direction:column;width:230px;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 25px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#7b5cff,#36c6e7);border-radius:11px;place-items:center;width:38px;height:38px;font:800 13px Manrope;display:grid;box-shadow:0 6px 18px #5e4df255}.brand strong,.brand span{display:block}.brand strong{color:#fff;font:700 15px Manrope}.brand span{color:#8e9ab8;margin-top:2px;font-size:11px}.new-ticket{color:#fff;background:linear-gradient(120deg,#6752ea,#8e5cf2);border:0;border-radius:9px;align-items:center;gap:9px;height:41px;margin-bottom:18px;padding:0 11px;font-weight:600;display:flex;box-shadow:0 7px 20px #6d4de532}.new-ticket kbd{background:#ffffff1b;border:1px solid #ffffff28;border-radius:4px;margin-left:auto;padding:2px 5px;font:10px inherit}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav button{color:#aeb6cd;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;height:38px;padding:0 10px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff0d}.sidebar nav button.active{background:linear-gradient(90deg,#6d5ee637,#493f9e18);box-shadow:inset 3px 0 #7769f7}.sidebar nav button b{color:#b7c0d6;background:#ffffff12;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:10px}.nav-heading{text-transform:uppercase;letter-spacing:1.4px;color:#66728f;margin:23px 10px 7px;font-size:9px;font-weight:700}.sidebar-card{background:linear-gradient(145deg,#5d56e31f,#40bbd30f);border:1px solid #ffffff10;border-radius:11px;grid-template-columns:24px 1fr;align-items:center;margin-top:auto;padding:13px;display:grid}.sidebar-card svg{color:#8c7df6}.sidebar-card strong{color:#fff;font-size:11px}.sidebar-card span{color:#8996b3;grid-column:2;font-size:9px}.sidebar-card button{color:#bcb3ff;background:#7968ea22;border:1px solid #8a7bff40;border-radius:6px;grid-column:1/3;height:27px;margin-top:9px;font-size:10px}.profile{border-top:1px solid #ffffff0b;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px;margin-top:12px;padding:16px 5px 0;display:grid}.profile strong,.profile span{display:block}.profile strong{color:#fff;font-size:11px}.profile span{color:#73809e;font-size:9px}.profile svg{color:#6f7994}.avatar{color:#324d7c;background:linear-gradient(145deg,#ddecff,#9fc3ff);border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:700;display:grid}.avatar.purple{color:#fff;background:linear-gradient(145deg,#8d77ff,#5a4ad6);width:31px;height:31px}.avatar.mini{width:21px;height:21px;font-size:7px}.avatar.agent{color:#6452bb;background:#efeaff;margin-left:auto}main{grid-column:2;min-width:0}header{border-bottom:1px solid var(--line);z-index:4;background:#fff;align-items:center;gap:9px;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.search{color:#929cb0;align-items:center;gap:9px;width:min(470px,55vw);height:37px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.search span{border:1px solid var(--line);color:#8d95a6;border-radius:5px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;display:flex}.icon-button{border:1px solid var(--line);color:#6f788d;background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-button:first-of-type{margin-left:auto}.icon-button i{background:#f15669;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.content{width:100%;min-width:0;max-width:none;margin:0;padding:27px 28px 40px}.title-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.title-row h1{color:var(--ink);letter-spacing:-.6px;margin:0;font:800 24px Manrope}.title-row p{color:#8a93a7;margin:5px 0 0;font-size:11px}.filter{border:1px solid var(--line);color:#667089;background:#fff;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:10px;display:flex}.live-dot{background:#35c988;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #35c9881f}.stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;gap:12px;min-height:93px;padding:15px;display:flex;box-shadow:0 3px 12px #29345408}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.stat-icon svg{width:18px}.stat.cyan .stat-icon{color:#1796b8;background:#e2f8fc}.stat.attention{background:linear-gradient(135deg,#fff3f5 0%,#fff 72%);border-color:#efc4cb;box-shadow:0 5px 18px #bd455814}.stat.attention .stat-icon{color:#c63e55;background:#ffe1e6}.stat.violet .stat-icon{color:#7057d9;background:#eeeafd}.stat.coral .stat-icon{color:#db5468;background:#ffeaed}.stat.green .stat-icon{color:#2b9c70;background:#e6f8f0}.stat p{color:#828ca1;margin:0 0 2px;font-size:10px}.stat strong{color:#263149;font:800 22px/1 Manrope;display:block}.stat small{color:#9aa2b3;font-size:9px}.stat small b{color:#31a479}.stat small em{color:#dc596d;font-style:normal}.sla-strip{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:150px 1fr;align-items:center;gap:14px;margin:12px 0;padding:11px 15px;display:grid}.sla-strip>div:first-child span,.sla-strip>div:first-child small{display:block}.sla-strip>div:first-child span{font-size:10px;font-weight:700}.sla-strip>div:first-child small{color:#99a1b2;margin-top:2px;font-size:8px}.timeline{background:#eef0f5;border-radius:8px;height:7px;position:relative;overflow:visible}.timeline i{border-radius:8px;height:100%;position:absolute}.timeline .done{background:linear-gradient(90deg,#5a5be4,#56b2de)}.timeline .risk{background:#ffb65f}.timeline b{background:#f05d76;width:2px;height:13px;position:absolute;top:-3px}.timeline b:after{content:"";background:#f05d76;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-2px}.time-labels{color:#a4aabb;grid-column:2;justify-content:space-between;margin-top:-8px;font-size:7px;display:flex}.workspace{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.35fr) 230px;min-height:610px;max-height:calc(100vh - 300px);display:grid;overflow:hidden;box-shadow:0 5px 20px #2e395b09}.panel{min-width:0}.ticket-list{border-right:1px solid var(--line)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 15px;display:flex}.panel-head h2{margin:0;font-size:12px}.panel-head span{color:#9ba3b5;font-size:9px}.panel-head>div{align-items:baseline;gap:7px;display:flex}.panel-head .filter{height:28px}.queue{height:calc(100% - 54px);overflow:auto}.ticket-row{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #eef0f4;padding:13px 14px;position:relative}.ticket-row:hover{background:#fafbff}.ticket-row.selected{background:linear-gradient(90deg,#f2f0ff,#fbfbff)}.ticket-row.selected:before{content:"";left:0;background:#6756e4;width:3px;position:absolute;inset-block:0}.row-top,.row-bottom{align-items:center;gap:6px;display:flex}.row-top b{color:#657089;letter-spacing:.15px;font-size:10px}.priority-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.priority-badge.red .priority-dot{background:#ec5b70}.priority-badge.orange .priority-dot{background:#ef9744}.priority-badge.violet .priority-dot{background:#8467e6}.priority-badge.slate .priority-dot{background:#97a1b5}.priority-badge{color:#59657b;background:#f8f9fc;border:1px solid #e3e7ef;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:3px 8px;font-size:9px;font-weight:750;display:inline-flex}.priority-badge.red{color:#bd4055;background:#fff0f3;border-color:#ffd2d9}.priority-badge.orange{color:#a95f1d;background:#fff5e9;border-color:#ffddbd}.priority-badge.violet{color:#6545c1;background:#f4f1ff;border-color:#ded5ff}.pill{border-radius:5px;padding:3px 6px;font-size:7px;font-weight:700;display:inline-flex}.row-top .pill{margin-left:2px}.row-top .ticket-status{letter-spacing:.1px;border:1px solid;border-radius:999px;min-height:24px;padding:4px 9px;font-size:9px}.pill.blue{color:#3d6bc7;background:#e9f1ff}.pill.amber{color:#b67a22;background:#fff4d9}.pill.green{color:#238961;background:#e5f8ef}.pill.red{color:#d64c64;background:#ffe7eb}.pill.orange{color:#bd6d23;background:#fff0df}.pill.violet{color:#7051cf;background:#eee9ff}.pill.slate{color:#68738a;background:#edf0f5}.row-top time{color:#8993a8;margin-left:auto;font-size:9px;font-weight:600}.ticket-row h3{color:#253149;white-space:nowrap;text-overflow:ellipsis;margin:7px 0 4px;font-size:11px;overflow:hidden}.ticket-row>p{color:#838da1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.row-bottom{color:#8c96aa;min-width:0;font-size:8px;overflow:hidden}.row-bottom i{color:#c5cad4;flex:none}.row-bottom em{color:#bd741f;background:#fff1da;border-radius:5px;flex:none;margin-left:auto;padding:3px 6px;font-style:normal}.requester-card-info{flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.requester-card-name,.requester-card-company{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.requester-card-name{flex:0 auto;max-width:58%}.requester-card-company{flex:auto}.reply-state{border:1px solid;border-radius:8px;align-items:center;gap:6px;min-height:30px;margin:10px 0;padding:6px 9px;font-size:9px;display:flex}.reply-state svg{flex:none}.reply-state strong{white-space:nowrap;font-size:10px}.reply-state span{color:inherit;opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.reply-state.needs-reply{color:#985b0b;background:#fff8e9;border-color:#f6cf88}.reply-state.customer-follow-up{color:#855005;background:#fff7df;border-color:#efbd5f;box-shadow:inset 3px 0 #dfa11f}.reply-state.customer-new{color:#a5213b;background:#fff0f3;border-color:#ebabb6;font-weight:700;box-shadow:inset 4px 0 #e15f70}.reply-state.triaged-state{color:#385baf;background:#f0f4ff;border-color:#a9bdf0;box-shadow:inset 4px 0 #6384da}.reply-state.team-replied{color:#28775d;background:#eef9f5;border-color:#bcded1}.ticket-detail{border-right:1px solid var(--line);flex-direction:column;display:flex}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.detail-head>div{align-items:center;gap:6px;display:flex}.breadcrumb>span:first-child{color:#919aad;margin-right:3px;font-size:9px}.detail-head .icon-button{width:30px;height:30px}.resolve{color:#fff;background:#2da675;border:0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:9px;display:flex}.detail-scroll{height:calc(100% - 54px);padding:20px;overflow:auto}.detail-scroll>h2{color:#202b43;margin:0 0 13px;font:700 17px/1.3 Manrope}.meta-line{align-items:center;gap:9px;padding-bottom:16px;display:flex}.meta-line strong,.meta-line span{display:block}.meta-line strong{font-size:10px}.meta-line span{color:#8c96aa;margin-top:2px;font-size:8px}.meta-line .ticket-cc{color:#6657ba;overflow-wrap:anywhere;line-height:1.4}.meta-line time{color:#9ea6b6;margin-left:auto;font-size:8px}.conversation{border-top:1px solid var(--line);padding-top:6px}.conversation article{border-bottom:1px solid #eff1f5;margin:0 -5px;padding:13px 7px}.conversation article.note{background:#fffae8;border:1px solid #f5e6a8;border-radius:8px;margin:9px 0}.conversation article>div:first-child{align-items:center;gap:6px;display:flex}.conversation article>.email-body{width:100%;min-width:0;display:block}.message-recipients{color:#7c879c;overflow-wrap:anywhere;flex-direction:column;gap:2px;margin:5px 0 0;font-size:8px;line-height:1.4;display:flex}.conversation time{color:#a3a9b6;margin-left:auto;font-size:8px}.conversation p{color:#59657b;white-space:pre-line;margin:8px 0 0;font-size:10px;line-height:1.6}.agent-label,.note-label{color:#6e55c8;background:#eee9ff;border-radius:4px;padding:2px 5px;font-size:7px}.note-label{color:#9e7913;background:#fff1bc}.composer{border:1px solid #dfe3eb;border-radius:9px;margin-top:17px;overflow:hidden;box-shadow:0 3px 12px #27314c09}.composer.note-mode{background:#fffdf5;border-color:#e9d48d}.compose-tabs{background:#f8f9fb;border-bottom:1px solid #e7eaf0;gap:4px;height:36px;padding:0 8px;display:flex}.compose-tabs button{color:#8a93a6;background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:flex;position:relative}.compose-tabs button.on{color:#5848cc;font-weight:700}.compose-tabs button.on:after{content:"";background:#6757df;height:2px;position:absolute;inset:auto 7px 0}.recipient-editor{background:#fcfcfe;border-bottom:1px solid #eff1f4;padding:9px 12px 8px}.recipient-presets{align-items:center;gap:6px;margin-bottom:7px;display:flex}.recipient-presets>span{color:#59657b;margin-right:auto;font-size:8px;font-weight:700}.recipient-presets button{color:#6253bd;background:#fff;border:1px solid #dfe3eb;border-radius:6px;padding:4px 7px;font-size:8px}.recipient-editor label{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;margin-top:5px;display:grid}.recipient-editor label>span{color:#77819a;font-size:8px;font-weight:700}.recipient-editor input{width:100%;color:var(--ink);background:#fff;border:1px solid #e1e4eb;border-radius:6px;outline:0;padding:6px 8px;font-size:9px}.recipient-editor input:focus{border-color:#7564e1;box-shadow:0 0 0 2px #7564e112}.recipient-editor>small{color:#9aa2b2;margin:5px 0 0 34px;font-size:7px;display:block}.composer textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:90px;padding:12px;font-size:10px}.compose-actions{border-top:1px solid #eff1f4;justify-content:space-between;align-items:center;padding:8px;display:flex}.compose-actions>div{align-items:center;gap:5px;display:flex}.compose-actions>div button{color:#7e879a;background:0 0;border:0;place-items:center;display:grid}.compose-actions span{color:#a0a7b5;border-left:1px solid #e3e6ec;margin-left:2px;padding-left:8px;font-size:7px}.send{color:#fff;background:linear-gradient(120deg,#6253df,#7a5ce9);border:0;border-radius:7px;align-items:center;gap:8px;height:30px;padding:0 11px;font-size:9px;font-weight:600;display:flex}.properties{background:#fbfcfe;overflow:auto}.property-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 15px;display:flex}.property-head button{color:#9aa1b0;background:0 0;border:0}.properties>label{color:#8f98aa;margin:13px 14px;font-size:8px;display:block}.properties select{color:#4f5a70;background:#fff;border:1px solid #e1e5ec;border-radius:7px;outline:0;width:100%;height:31px;margin-top:5px;padding:0 8px;font-size:9px;display:block}.due-card{background:#f0f6ff;border:1px solid #dce9fb;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;margin:14px;padding:10px;display:grid}.due-card svg{color:#4e79c9}.due-card span,.due-card strong{display:block}.due-card span{color:#7b8ca8;font-size:7px}.due-card strong{margin-top:2px;font-size:9px}.due-card>b{color:#338c69;font-size:7px}.due-card>b.late{color:#d64e64}.prop-block{border-top:1px solid var(--line);padding:14px}.prop-block>span{color:#8e97a9;font-size:8px}.tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tags b{color:#6451bc;background:#eeebff;border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:7px;display:flex}.tags button{color:#8e97a9;background:0 0;border:1px dashed #cdd2dd;border-radius:5px}.requester{align-items:center;gap:8px;margin-top:9px;display:flex}.requester strong,.requester small{display:block}.requester small{color:#969eae;font-size:8px}.prop-block>p{color:#69758c;align-items:center;gap:6px;margin:10px 0 0;font-size:8px;display:flex}.cc-list{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.cc-list b{color:#6451bc;overflow-wrap:anywhere;background:#eeebff;border-radius:5px;max-width:100%;padding:4px 6px;font-size:7px;font-weight:600}.audit{border-top:1px solid var(--line);margin:0 14px;padding-top:13px}.audit span,.audit small{display:block}.audit span{font-size:8px}.audit small{color:#9da4b3;margin-top:3px;font-size:7px}.toast{z-index:20;color:#fff;background:#16223b;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #15203b33}.toast svg{color:#50d295}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#10182a99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(430px,100vw - 30px);padding:22px;box-shadow:0 24px 60px #10172a55}.modal>div:first-child{justify-content:space-between;display:flex}.modal-icon{color:#6854dc;background:#eeeaff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.modal-icon svg{width:20px}.modal>div:first-child button{color:#9199a9;background:0 0;border:0}.modal>div:first-child button svg{width:19px}.modal h2{margin:15px 0 3px;font:700 18px Manrope}.modal>p{color:#8b94a6;margin:0 0 18px;font-size:10px}.modal label{color:#657086;margin:11px 0;font-size:9px;display:block}.modal input,.modal textarea,.modal select{border:1px solid #dfe3eb;border-radius:8px;outline:0;width:100%;margin-top:5px;padding:9px;font-size:10px}.modal textarea{resize:none;height:90px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#7564e1;box-shadow:0 0 0 3px #7564e116}.modal-actions{justify-content:flex-end;gap:7px;margin-top:17px;display:flex}.modal-actions button{background:#fff;border:1px solid #dfe2e9;border-radius:7px;height:32px;padding:0 12px;font-size:9px}.modal-actions .send{color:#fff;background:#6654df;border:0}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@media (width<=1200px){.workspace{grid-template-columns:310px 1fr}.properties{display:none}.stats{grid-template-columns:repeat(2,1fr)}.workspace{height:700px;max-height:none}}@media (width<=800px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:auto;height:67px;padding:10px 15px;position:static}.brand{padding:0}.brand span,.sidebar nav,.sidebar-card,.profile,.nav-heading{display:none}.new-ticket{width:42px;margin:0 0 0 auto;font-size:0}.new-ticket kbd{display:none}main{display:block}header{padding:0 15px}.content{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.sla-strip{display:none}.workspace{grid-template-columns:1fr;height:auto;max-height:none}.ticket-list{border:0}.ticket-detail,.title-row p{display:none}}body{font-size:14px;line-height:1.45}button,input,textarea,select{line-height:1.35}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable=true]:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7564e13d}.new-ticket,.filter,.view-switch,.resolve,.close-ticket,.delete-ticket,.oauth-button,.modal-actions button,.diag-head button{min-height:36px;font-size:12px}.sidebar-card strong,.profile strong{font-size:12px}.sidebar-card span,.profile span,.nav-heading{font-size:10px}.stat p,.stat small,.sla-strip>div:first-child span{font-size:11px}.sla-strip>div:first-child small,.time-labels{font-size:10px}.panel-head span,.queue-filters label{font-size:11px}.queue-filters select{min-width:180px;height:38px;font-size:13px}.row-top b,.row-top time,.row-bottom{font-size:11px}.reply-state strong{font-size:12px}.requester-card-name,.requester-card-company{font-size:11px}.ticket-open .meta-line strong,.ticket-open .conversation strong{font-size:14px}.agent-label,.note-label,.delivery-label{font-size:10px}.compose-tabs{min-height:44px}.compose-tabs button{padding-inline:11px;font-size:12px}.recipient-editor{padding:12px 14px 11px}.recipient-presets>span,.recipient-presets button,.recipient-editor label>span,.recipient-editor input,.recipient-editor>small{font-size:11px}.recipient-presets button{min-height:30px;padding-inline:9px}.recipient-editor label{grid-template-columns:34px minmax(0,1fr);gap:8px}.recipient-editor input{min-height:36px;padding:8px 10px}.composer textarea,.ticket-open .composer textarea{padding:15px;font-size:15px;line-height:1.6}.compose-actions{min-height:50px;padding:9px 11px}.compose-actions>div button{border-radius:7px;min-width:34px;min-height:34px}.compose-actions>div button:hover{background:#f0f2f8}.compose-actions span,.send{font-size:12px}.send{min-height:36px;padding-inline:14px}.signature-preview{max-height:180px;padding:13px 15px;font-size:13px;line-height:1.55}.signature-toolbar{flex-wrap:wrap;gap:7px;padding:9px}.signature-toolbar button{min-width:36px;height:36px;padding-inline:10px;font-size:11px}.signature-editor,.signature-live-preview{font-size:14px;line-height:1.6}.signature-help{font-size:11px;line-height:1.5}.properties>label,.ticket-open .properties>label,.prop-block>span,.audit span{font-size:11px}.properties select,.ticket-open .properties select{height:38px;font-size:12px}.property-head h3,.requester strong,.due-card strong{font-size:12px}.requester small,.prop-block>p,.due-card span,.due-card>b,.audit small,.tags b,.cc-list b{font-size:10px;line-height:1.45}.modal{padding:25px}.modal h2{font-size:21px}.modal>p,.settings-copy{font-size:12px;line-height:1.6}.modal label{font-size:12px;line-height:1.45}.modal input,.modal textarea,.modal select{min-height:40px;padding:10px 11px;font-size:13px}.modal textarea{resize:vertical;min-height:110px}@media (width<=900px){.ticket-open,.nav-collapsed .ticket-open{display:block;overflow-y:auto}.ticket-open .ticket-detail,.ticket-open .properties{display:block}.ticket-open .properties{border-top:1px solid var(--line);overflow:visible}}@media (width<=800px){main{padding-bottom:66px}.sidebar nav{z-index:26;width:100%;padding:6px 8px max(6px, env(safe-area-inset-bottom));scrollbar-width:none;background:#11182d;border-top:1px solid #ffffff18;flex-direction:row;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -8px 24px #0a102033}.sidebar nav button{text-align:center;flex-direction:column;flex:1 0 76px;justify-content:center;gap:2px;min-height:48px;padding:5px 8px;font-size:11px}.sidebar nav button span{display:block}button.profile{border:0;grid-template-columns:1fr;place-items:center;width:40px;height:40px;margin:0 0 0 8px;padding:0;display:grid}button.profile>div:nth-child(2),button.profile>svg{display:none}}@media (width<=700px){.ticket-index .panel-head,.queue-filters{flex-wrap:wrap}.ticket-index .panel-head>div:first-child,.queue-filters{width:100%}.smtp-grid,.add-user{grid-template-columns:1fr}.smtp-grid>*,.smtp-grid .smtp-host,.smtp-grid .smtp-auth,.add-user textarea{grid-column:1}input,textarea,select,.reply-editor,.modal input,.modal textarea,.modal select,.recipient-editor input{font-size:16px}}.app-shell.board-mode{background:radial-gradient(circle at 12% 0,#7663ff12,#0000 28rem),#f4f6fb;min-height:100vh;display:block}.app-shell.board-mode .sidebar{display:none}.app-shell.board-mode main{min-height:100vh;display:block}.app-shell.board-mode .board-header{color:#f7f8ff;background:radial-gradient(circle at 62% -140%,#7967ff 0,#0000 45%),linear-gradient(108deg,#11182b 0%,#1c2440 58%,#171d34 100%);border-bottom:1px solid #ffffff16;gap:clamp(14px,1.4vw,26px);height:72px;padding:0 clamp(18px,1.5vw,32px);box-shadow:0 12px 30px #17213a1f}.board-brand{align-items:center;gap:13px;min-width:285px;display:flex}.board-brand>div:last-child,.board-brand strong,.board-brand span{display:block}.board-brand strong{color:#fff;font:750 17px Manrope}.board-brand span{color:#9ba7c7;margin-top:2px;font-size:11px}.board-header-summary{align-items:center;gap:8px;display:flex}.board-header-summary>span{color:#cbd3e9;background:#ffffff09;border:1px solid #ffffff17;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:92px;height:44px;padding:6px 11px;display:grid}.board-header-summary b{color:#fff;grid-row:1/-1;font:800 22px/1 Manrope}.board-header-summary small{color:#aab5d0;white-space:nowrap;align-self:center;font-size:9px;line-height:1.1}.board-header-summary .attention{background:#e3b44b17;border-color:#e3b44b69}.board-header-summary .warning{background:#7f68e61a;border-color:#967cff69}.board-header-summary .critical{background:#ff71871a;border-color:#ff718769}.board-header-summary .healthy b{color:#67dfa9}.board-live-cluster{justify-content:center;align-items:center;gap:clamp(20px,3vw,48px);margin-left:auto;display:flex}.board-live-state{grid-template-columns:13px 1fr;align-items:center;gap:10px;min-width:158px;display:grid}.board-live-state>i{background:#57dda6;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #57dda61d,0 0 18px #57dda685}.board-live-state.refreshing>i,.board-live-state.connecting>i{background:#f4c75a;animation:1.4s ease-in-out infinite board-live-pulse;box-shadow:0 0 0 5px #f4c75a1f}.board-live-state.offline>i,.board-live-state.error>i{background:#ff7187;box-shadow:0 0 0 5px #ff718726,0 0 18px #ff71875c}.board-live-state strong,.board-live-state span,.board-live-cluster time strong,.board-live-cluster time span{display:block}.board-live-state strong{color:#fff;font:750 13px Manrope}.board-live-state span{color:#8f9bbd;margin-top:2px;font-size:10px}.board-live-cluster time{text-align:right;min-width:118px}.board-live-cluster time strong{color:#fff;font:750 21px Manrope}.board-live-cluster time span{color:#9ba7c7;margin-top:1px;font-size:10px}.board-header-actions{align-items:center;gap:8px;display:flex}.board-header-actions button{color:#dbe1f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:7px;width:40px;min-height:38px;padding:0;font-size:0;font-weight:650;display:inline-flex}.board-header-actions button:hover{color:#fff;background:#ffffff14;border-color:#ffffff2d}.app-shell.board-mode .content{padding:12px clamp(14px,1.2vw,24px) 24px}.app-shell.board-mode .title-row{display:none}.app-shell.board-mode .title-row h1{font-size:clamp(25px,1.55vw,34px)}.app-shell.board-mode .title-row p{font-size:clamp(11px,.65vw,14px)}.app-shell.board-mode .title-row .filter{display:none}.app-shell.board-mode .stats{gap:14px}.app-shell.board-mode .stat{border-radius:14px;min-height:102px;padding:17px;box-shadow:0 7px 24px #26304c0d}.app-shell.board-mode .stat-icon{width:43px;height:43px}.app-shell.board-mode .stat p{font-size:12px}.app-shell.board-mode .stat strong{font-size:27px}.app-shell.board-mode .stat small{font-size:10px}.app-shell.board-mode .sla-strip{margin:14px 0 16px;padding:13px 17px}.app-shell.board-mode .workspace{min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;display:block;overflow:visible}.app-shell.board-mode .ticket-list{border:0}.app-shell.board-mode .panel-head,.app-shell.board-mode .ticket-detail,.app-shell.board-mode .properties{display:none}.app-shell.board-mode .queue{height:auto;overflow:visible}.app-shell.board-mode .queue-groups{flex-direction:column;gap:10px;padding:0;display:flex}.app-shell.board-mode .queue-group{border-radius:13px;grid-template-columns:clamp(170px,11vw,220px) minmax(0,1fr);align-items:stretch;gap:11px;min-width:0;padding:10px;display:grid;box-shadow:0 8px 26px #1f294415}.app-shell.board-mode .queue-group-head{border-right:1px solid color-mix(in srgb, var(--queue-group-accent) 18%, transparent);align-content:center;min-height:0;padding:7px 8px 7px 19px}.app-shell.board-mode .queue-group-head h3{font-size:clamp(13px,.78vw,16px);line-height:1.35}.app-shell.board-mode .queue-group-count{place-items:center;min-width:31px;height:31px;font-size:12px;display:grid}.app-shell.board-mode .queue-group-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:9px;display:grid}.app-shell.board-mode .queue-group-grid .ticket-row{cursor:default;border-radius:10px;min-height:150px;padding:10px 12px 9px}.app-shell.board-mode .queue-group-grid .ticket-row:hover{transform:none}.app-shell.board-mode .ticket-row h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:clamp(13px,.8vw,16px);line-height:1.25;display:-webkit-box;overflow:hidden}.app-shell.board-mode .ticket-row>p{-webkit-line-clamp:1;min-height:18px;margin:5px 0 0;font-size:clamp(10px,.6vw,12px);line-height:1.4}.app-shell.board-mode .row-top b,.app-shell.board-mode .priority-badge,.app-shell.board-mode .row-top .ticket-status,.app-shell.board-mode .row-top time{font-size:10px}.app-shell.board-mode .reply-state{min-height:31px;margin-top:7px;padding:6px 8px}.app-shell.board-mode .reply-state strong,.app-shell.board-mode .reply-state span,.app-shell.board-mode .requester-card-name,.app-shell.board-mode .requester-card-company{font-size:10px}.app-shell.board-mode .row-bottom{margin-top:7px;padding-top:7px}.app-shell.board-mode .queue-group-new,.app-shell.board-mode .queue-group-replied,.app-shell.board-mode .queue-group-delivery{box-shadow:0 10px 30px color-mix(in srgb, var(--queue-group-accent) 18%, transparent)}.app-shell.board-mode .queue-group-new .ticket-row,.app-shell.board-mode .queue-group-replied .ticket-row,.app-shell.board-mode .queue-group-delivery .ticket-row{border-left-width:5px}.board-mode-modal{width:min(570px,100vw - 32px);max-height:min(760px,100vh - 32px);overflow:auto}.board-mode-modal .board-icon{color:#6654df;background:#eeeaff}.board-mode-preview{background:linear-gradient(145deg,#18213a,#222b48);border:1px solid #dfe4ef;border-radius:13px;height:112px;margin:18px 0 16px;padding:12px;box-shadow:inset 0 0 0 4px #ffffff08}.board-mode-preview>div{gap:6px;margin-bottom:11px;display:flex}.board-mode-preview>div span{background:#7f70ef;border-radius:8px;width:38px;height:7px}.board-mode-preview>div span:nth-child(2){background:#55cfa5;width:55px}.board-mode-preview>div span:nth-child(3){background:#edb94c;width:45px}.board-mode-preview section{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.board-mode-preview section i{background:linear-gradient(145deg,#fff,#e9edfa);border-top:5px solid #8070f1;border-radius:8px;height:58px}.board-mode-preview section i:first-child{border-top-color:#e15f70}.board-mode-preview section i:nth-child(2){border-top-color:#d69a2f}.board-mode-preview section i:last-child{border-top-color:#4aa38a}.modal .board-mode-toggle{min-height:82px;color:inherit;cursor:pointer;background:#f8f9fc;border:1px solid #dfe4ed;border-radius:12px;grid-template-columns:1fr 48px;align-items:center;gap:16px;margin:0;padding:14px 15px;display:grid}.board-mode-toggle>div strong,.board-mode-toggle>div span{display:block}.board-mode-toggle>div strong{color:#263149;font:700 13px Manrope}.board-mode-toggle>div span{color:#7b859a;margin-top:4px;font-size:10px;line-height:1.45}.modal .board-mode-toggle input{opacity:0;pointer-events:none;position:absolute}.board-mode-toggle>i{background:#c8ceda;border-radius:20px;width:46px;height:26px;transition:all .2s;position:relative;box-shadow:inset 0 0 0 1px #aeb6c5}.board-mode-toggle>i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #2631493d}.board-mode-toggle input:checked+i{background:#6654df;box-shadow:inset 0 0 0 1px #5645ca,0 0 0 4px #6654df17}.board-mode-toggle input:checked+i:after{transform:translate(20px)}.board-mode-toggle:focus-within{border-color:#7564e1;box-shadow:0 0 0 3px #7564e116}.board-feature-list{grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0;display:grid}.board-feature-list>div{color:#6654df;background:#fff;border:1px solid #e4e7ef;border-radius:10px;min-width:0;padding:12px}.board-feature-list span,.board-feature-list strong{display:block}.board-feature-list strong{color:#303b53;margin-top:8px;font-size:10px}.board-feature-list span{color:#7c869a;font-size:9px;line-height:1.45}.board-security-note{color:#866a31;background:#fff9eb;border:1px solid #f0dfb9;border-radius:9px;padding:10px 12px;font-size:9px;line-height:1.45}.board-modal-actions{align-items:center}.board-modal-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.board-modal-actions .board-signout{color:#bf4057;background:#fff6f7;border-color:#f0c5cd;margin-right:auto}@keyframes board-live-pulse{50%{opacity:.42;transform:scale(.82)}}@media (width<=1100px){.board-brand span,.board-header-actions button{font-size:0}.board-header-actions button{justify-content:center;width:40px;padding:0}.board-brand{min-width:auto}}@media (width<=760px){.app-shell.board-mode .board-header{flex-wrap:wrap;height:auto;min-height:76px;padding:12px 16px}.board-live-cluster{order:3;justify-content:space-between;width:100%;margin:0}.board-feature-list{grid-template-columns:1fr}.app-shell.board-mode .stats{grid-template-columns:1fr 1fr}}@media (width<=1250px){.board-header-summary>span{min-width:76px;padding-inline:8px}.board-header-summary small{display:none}.app-shell.board-mode .queue-group{grid-template-columns:1fr}.app-shell.board-mode .queue-group-head{border-right:0;min-height:38px;padding:2px 3px 8px 19px}}.ticket-index,.ticket-index .ticket-list,.ticket-index .queue,.queue-groups{width:100%;min-width:0}.ticket-index .queue{overscroll-behavior:contain;scrollbar-gutter:stable;padding:0;display:block;overflow:auto}.ticket-index .queue:not(:has(>.queue-groups)){grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));align-content:start;gap:12px;padding:14px;display:grid}.queue-groups{flex-direction:column;gap:15px;padding:14px;display:flex}.queue-group{--queue-group-accent:#7b8498;--queue-group-border:#dfe4ed;--queue-group-surface:#f9fafc;--queue-group-soft:#eef1f6;border:1px solid var(--queue-group-border);background:var(--queue-group-surface);border-radius:15px;min-width:0;padding:12px;position:relative;overflow:clip;box-shadow:0 5px 18px #2634540a}.queue-group:before{content:"";background:var(--queue-group-accent);height:3px;position:absolute;inset:0 0 auto}.queue-group-head{color:#263149;align-items:center;gap:10px;min-width:0;min-height:46px;padding:2px 3px 11px;display:flex}.queue-group-head:before{content:"";background:var(--queue-group-accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--queue-group-soft);border-radius:50%;flex:0 0 10px}.queue-group-head>div{min-width:0}.queue-group-head h2,.queue-group-head h3,.queue-group-head strong{color:inherit;letter-spacing:-.1px;margin:0;font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.queue-group-head p,.queue-group-head small{color:#7c879a;margin:2px 0 0;font-size:11px;line-height:1.35;display:block}.queue-group-head>span,.queue-group-head .queue-group-count{border:1px solid var(--queue-group-border);min-width:27px;min-height:25px;color:var(--queue-group-accent);text-align:center;background:#fff;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:800;line-height:1.35}.queue-group-grid{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));align-content:start;align-items:stretch;gap:12px;min-width:0;display:grid}.ticket-index .queue-group-grid .ticket-row{border-color:color-mix(in srgb, var(--queue-group-accent) 21%, var(--line));min-width:0;height:100%;min-height:238px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 3px 12px #2634540d}.ticket-index .queue-group-grid .ticket-row:hover{border-color:color-mix(in srgb, var(--queue-group-accent) 48%, var(--line));transform:translateY(-1px);box-shadow:0 8px 22px #26345416}.queue-group-new{--queue-group-accent:#e15f70;--queue-group-border:#f0c6cc;--queue-group-surface:linear-gradient(135deg, #fff3f5 0%, #fffafb 62%);--queue-group-soft:#ffe0e5;box-shadow:0 8px 24px #c94d6014}.ticket-index .queue-group-new .ticket-row{border-color:#eec4ca;box-shadow:inset 4px 0 #e15f70,0 4px 16px #b8475910}.queue-group-replied{--queue-group-accent:#c88712;--queue-group-border:#ead4a7;--queue-group-surface:linear-gradient(135deg, #fffaf0 0%, #fffdf8 62%);--queue-group-soft:#fff0cc}.queue-group-triaged{--queue-group-accent:#6384da;--queue-group-border:#c7d3f2;--queue-group-surface:linear-gradient(135deg, #f3f6ff 0%, #fbfcff 62%);--queue-group-soft:#e1e8fb}.ticket-index .queue-group-triaged .ticket-row,.ticket-index .ticket-row.triaged-card{background:#f8faff;border-color:#c6d2ef #c6d2ef #c6d2ef #6384da;border-left-style:solid;border-left-width:5px;padding-left:12px;box-shadow:0 3px 14px #526eae12}.ticket-index .queue-group-replied .ticket-row{box-shadow:inset 4px 0 #d39a28,0 3px 14px #9b69120d}.queue-group-delivery{--queue-group-accent:#b4233f;--queue-group-border:#e8aebb;--queue-group-surface:linear-gradient(135deg, #fff0f3 0%, #fff8f9 62%);--queue-group-soft:#ffd6de;box-shadow:0 9px 26px #9c19311c}.ticket-index .queue-group-delivery .ticket-row,.ticket-index .ticket-row.delivery-issue-card{border-color:#dc8d9e #dc8d9e #dc8d9e #b4233f;border-left-style:solid;border-left-width:5px;padding-left:12px;transition:none;animation:none;box-shadow:inset 3px 0 #b4233f,0 5px 18px #9d1e3517}.ticket-index .queue-group-delivery .ticket-row:hover,.ticket-index .ticket-row.delivery-issue-card:hover{transform:none}.ticket-index .reply-state.delivery-failed{color:#a31834;background:#fff0f3;border-color:#df94a3;font-weight:700;box-shadow:inset 4px 0 #b4233f}.ticket-index .reply-state.delivery-pending{color:#8c5a08;background:#fff8e8;border-color:#e5c17d;font-weight:700;box-shadow:inset 4px 0 #cb8a17}.queue-group-waiting{--queue-group-accent:#398c76;--queue-group-border:#c8e2d9;--queue-group-surface:linear-gradient(135deg, #f3faf7 0%, #fbfdfc 62%);--queue-group-soft:#dff2eb}.queue-group-other{--queue-group-accent:#748096;--queue-group-border:#dde2eb;--queue-group-surface:#f9fafc;--queue-group-soft:#e9edf3}.queue-group-resolved{--queue-group-accent:#5b8f6a;--queue-group-border:#d3e3d7;--queue-group-surface:#f7faf8;--queue-group-soft:#e5f0e8}@media (width>=1800px){.content{padding-inline:clamp(24px,1.7vw,40px)}.queue-groups{gap:17px;padding:16px}}@media (width>=2300px){.queue-group-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ticket-index .queue:not(:has(>.queue-groups)){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=800px){.queue-groups{gap:12px;padding:10px}.queue-group{border-radius:12px;padding:9px}.queue-group-head{min-height:42px;padding-bottom:9px}.queue-group-grid{grid-template-columns:1fr}.ticket-index .queue:not(:has(>.queue-groups)){grid-template-columns:1fr}.ticket-index .queue-group-grid .ticket-row{min-height:220px}}@media (prefers-reduced-motion:reduce){.ticket-index .queue-group-grid .ticket-row{transition:none}.ticket-index .queue-group-grid .ticket-row:hover{transform:none}}button.profile{border-inline:0;width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border-bottom:0}.oauth-button,.login-card>small,.empty-queue span,.password-rules{font-size:12px;line-height:1.5}@media (width<=900px){.ticket-open,.nav-collapsed .ticket-open{display:block;overflow-y:auto}.ticket-open .ticket-detail{display:block}.ticket-open .detail-head{z-index:3;background:#fff;position:sticky;top:0}.ticket-open .detail-scroll{overflow:visible}.ticket-open .properties{border-top:1px solid var(--line);display:block;overflow:visible}}@media (width<=800px){main{padding-bottom:66px}.sidebar nav{z-index:26;width:100%;padding:6px 8px max(6px, env(safe-area-inset-bottom));scrollbar-width:none;background:#11182d;border-top:1px solid #ffffff18;flex-direction:row;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -8px 24px #0a102033}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{text-align:center;flex-direction:column;flex:1 0 76px;justify-content:center;gap:2px;min-height:48px;padding:5px 8px;font-size:10px}.sidebar nav button span{display:block}button.profile{border:0;grid-template-columns:1fr;place-items:center;width:40px;height:40px;margin:0 0 0 8px;padding:0;display:grid}button.profile>div:nth-child(2),button.profile>svg{display:none}.ticket-open,.nav-collapsed .ticket-open{bottom:72px}}@media (width<=700px){.ticket-index .panel-head{flex-wrap:wrap;align-content:center}.ticket-index .panel-head>div:first-child,.queue-filters{width:100%}.smtp-grid{grid-template-columns:1fr}.smtp-grid>*,.smtp-grid .smtp-host,.smtp-grid .smtp-auth{grid-column:1}input,textarea,select,.reply-editor,.modal input,.modal textarea,.modal select,.recipient-editor input{font-size:16px}.ticket-open .detail-head{gap:6px;padding-inline:10px}.ticket-open .header-subject{font-size:14px}.ticket-open .ticket-head-actions{gap:4px}.ticket-open .ticket-head-actions .pill{display:none}}.view-switch,.oauth-button,.login-card label,.login-error,.login-card>small{font-size:12px}.empty-queue strong{font-size:14px}.toast,.login-error,.password-rules{font-size:12px;line-height:1.5}@media (width<=700px){.queue-filters{flex-wrap:wrap}.queue-filters label,.queue-filters select{min-width:0}.smtp-grid,.add-user{grid-template-columns:1fr}.smtp-grid>*,.add-user textarea{grid-column:1}.signature-toolbar .clear-format{margin-left:0}}@media (width<=480px){.stats{grid-template-columns:1fr}.stat{min-height:80px}.title-row .filter{display:none}}.collapse-nav{color:#aeb6cd;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff18;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:10px}.collapse-nav:hover{color:#fff;background:#ffffff16}.detail-scroll{flex-direction:column;min-height:0;display:flex;overflow:hidden}.detail-scroll>h2,.detail-scroll>.meta-line{flex:none}.conversation{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:120px;padding-right:7px;overflow-y:auto}.composer{background:#fff;flex:none;margin-top:12px;box-shadow:0 -5px 18px #27314c0d}.conversation p{font-size:11px}.conversation strong{font-size:10px}.ticket-row h3{font-size:12px}.ticket-row>p{font-size:10px}.toast{align-items:flex-start;max-width:min(480px,100vw - 44px)}.toast.error{background:#7f2435;border:1px solid #c45064}.toast.error svg{color:#ffd2da;flex:none}.toast span{line-height:1.45}.send:disabled{opacity:.65;cursor:wait}.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.nav-collapsed .sidebar{align-items:center;width:72px;padding-inline:12px}.nav-collapsed .brand{padding:0 0 20px}.nav-collapsed .brand>div:last-child,.nav-collapsed .sidebar nav span,.nav-collapsed .nav-heading,.nav-collapsed .sidebar-card,.nav-collapsed .profile>div:nth-child(2),.nav-collapsed .profile>svg{display:none}.nav-collapsed .collapse-nav{margin-bottom:12px;position:static}.nav-collapsed .new-ticket{justify-content:center;width:42px;padding:0}.nav-collapsed .new-ticket span{display:none}.nav-collapsed .sidebar nav{width:100%}.nav-collapsed .sidebar nav button{justify-content:center;padding:0}.nav-collapsed .profile{justify-content:center;width:100%;padding:14px 0 0;display:flex}@media (width<=800px){.collapse-nav{display:none}.nav-collapsed{display:block}.nav-collapsed .sidebar{align-items:center;width:auto;padding:10px 15px}.nav-collapsed .brand>div:last-child{display:block}.nav-collapsed .new-ticket{margin-left:auto}.detail-scroll,.conversation{overflow:visible}}@media (width>=801px){main{height:100vh;overflow:hidden}.content{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:calc(100vh - 64px);display:flex;overflow:hidden}.title-row,.stats,.sla-strip{flex:none}.workspace{flex:1;height:auto;min-height:0;max-height:none}.panel,.ticket-detail{min-height:0}.detail-scroll{flex:1;height:auto}.queue{min-height:0}}@media (width>=801px) and (height<=760px){.stats,.sla-strip{display:none}.content{padding-top:16px;padding-bottom:16px}.title-row{margin-bottom:12px}}:root[data-theme=dark] .composer{background:#121a2d}:root[data-theme=dark] .recipient-editor,:root[data-theme=dark] .recipient-presets button,:root[data-theme=dark] .recipient-editor input{color:#dfe5f2;background:#11192b;border-color:#2a344a}:root[data-theme=dark] .recipient-presets>span,:root[data-theme=dark] .recipient-editor label>span{color:#aeb8cb}:root[data-theme=dark] .cc-list b{color:#c9c0ff;background:#2b2850}.view-switch{border:1px solid var(--line);color:#59657b;white-space:nowrap;background:#fff;border-radius:8px;height:35px;padding:0 12px;font-size:11px;font-weight:700}.focus-workspace{grid-template-columns:minmax(0,1fr) 290px}.focus-workspace .ticket-list{display:none}.focus-workspace .ticket-detail{border-left:0}.focus-workspace .detail-scroll{padding:24px 30px}.focus-workspace .detail-scroll>h2{font-size:22px}.focus-workspace .conversation strong{font-size:12px}.focus-workspace .email-body{font-size:14px;line-height:1.65}.focus-workspace .composer textarea{min-height:100px;font-size:14px}.email-body{color:#59657b;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.email-body p{margin:8px 0}.email-body a{color:#526fdb}.email-body blockquote{color:#7c879c;border-left:3px solid #d8deea;margin:10px 0;padding-left:12px}.email-body img{object-fit:contain;vertical-align:middle;width:auto;display:inline-block;max-width:min(100%,720px)!important;height:auto!important;max-height:520px!important}.email-body table{border-collapse:collapse;max-width:100%!important}.email-body td,.email-body th{vertical-align:top;overflow-wrap:anywhere}.email-body img:not([src]),.email-body img[src=""],.email-body img.image-load-failed{display:none!important}.ticket-open .email-body{overflow-x:auto}.ticket-open .email-body table{width:auto!important;min-width:0!important}.ticket-open .email-body>table{margin:8px 0}.ticket-open .email-body.outlook-thread table,.ticket-open .email-body.outlook-thread thead,.ticket-open .email-body.outlook-thread tbody,.ticket-open .email-body.outlook-thread tfoot,.ticket-open .email-body.outlook-thread tr,.ticket-open .email-body.outlook-thread td,.ticket-open .email-body.outlook-thread th{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;display:block!important}.ticket-open .email-body.outlook-thread colgroup,.ticket-open .email-body.outlook-thread col{display:none!important}.ticket-open .email-body.outlook-thread td,.ticket-open .email-body.outlook-thread th{padding:3px 0!important}.ticket-open .email-body.outlook-thread table{border:0!important;margin:0!important}.ticket-open .email-body.outlook-thread div,.ticket-open .email-body.outlook-thread p,.ticket-open .email-body.outlook-thread span{overflow-wrap:anywhere;max-width:100%!important}.ticket-open .email-body.outlook-thread hr{border:0;border-top:1px solid var(--line);margin:16px 0}.ticket-open .email-body.outlook-thread img{margin:8px 0;max-width:min(100%,600px)!important;height:auto!important;max-height:480px!important}.signature-preview{color:#59657b;background:#fafbfe;border-top:1px dashed #dfe3eb;max-height:120px;margin:0 12px 8px;padding:10px 12px;font-size:11px;overflow:auto}.signature-preview>span,.signature-live-preview>span{text-transform:uppercase;letter-spacing:.8px;color:#929bad;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.signature-modal{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(720px,100vw - 30px);max-height:calc(100vh - 32px);overflow-y:auto}.signature-toolbar{background:#f6f8fc;border:1px solid #dfe3eb;border-bottom:0;border-radius:9px 9px 0 0;align-items:center;gap:5px;padding:7px;display:flex}.signature-toolbar button{color:#58657a;background:#fff;border:1px solid #dde2eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:31px;height:31px;padding:0 8px;font-size:9px;display:flex}.signature-toolbar button:hover{color:#6253d8;border-color:#7564e1}.signature-toolbar .clear-format{margin-left:auto}.signature-editor{color:#263149;background:#fff;border:1px solid #dfe3eb;border-radius:0 0 9px 9px;outline:0;min-height:190px;max-height:300px;padding:18px;font:13px/1.55 Arial,sans-serif;overflow:auto}.signature-editor:focus{border-color:#7564e1;box-shadow:0 0 0 3px #7564e116}.signature-editor img,.signature-live-preview img,.signature-preview img{max-width:300px;height:auto}.signature-help{color:#8791a5;margin:7px 2px 12px;font-size:9px;display:block}.signature-live-preview{color:#29354c;background:#fff;border:1px solid #dfe3eb;border-radius:9px;min-height:110px;padding:13px;font-size:13px;line-height:1.5}:root[data-theme=dark] .view-switch{color:#c8cfdd;background:#121a2d;border-color:#28334c}:root[data-theme=dark] .email-body{color:#b7c0d2}:root[data-theme=dark] .signature-preview{color:#b7c0d2;background:#0f1728;border-color:#34405b}:root[data-theme=dark] .signature-live-preview{color:#e4e8f0;background:#0e1628;border-color:#303b55}:root[data-theme=dark] .signature-toolbar button{color:#c6cede;background:#182238;border-color:#35405a}:root[data-theme=dark] .signature-editor{color:#e4e8f0;background:#0e1628;border-color:#303b55}@media (width<=1100px){.focus-workspace{grid-template-columns:minmax(0,1fr)}.focus-workspace .properties{display:none}.focus-workspace .detail-scroll{padding:20px 24px}}.ticket-index{min-height:0;display:block}.ticket-index .ticket-detail,.ticket-index .properties{display:none}.ticket-index .ticket-list{border:0;height:100%}.ticket-index .panel-head{height:64px;padding:0 16px}.ticket-index .queue{height:calc(100% - 64px)}.queue-filters{align-items:center;gap:8px;display:flex}.queue-filters label{color:#7f899d;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:3px;margin:0;font-size:8px;display:flex}.queue-filters select{border:1px solid var(--line);color:#4e5a70;background:#fff;border-radius:7px;outline:0;min-width:150px;height:31px;padding:0 28px 0 9px;font-size:11px}.queue-filters select:focus{border-color:#7564e1;box-shadow:0 0 0 3px #7564e116}:root[data-theme=dark] .queue-filters select{color:#dbe0eb;background:#121a2d;border-color:#303b55}.ticket-index .queue{background:#f6f8fc;padding:0;display:block}.ticket-index .ticket-row{border:1px solid var(--line);box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:stretch;height:100%;min-height:254px;padding:16px;display:flex;overflow:hidden;box-shadow:0 2px 8px #2634540a}.ticket-index .ticket-row.needs-reply-card{border-left:4px solid #e4a52f;padding-left:13px}.ticket-index .ticket-row.team-replied-card{border-left:4px solid #57a88d;padding-left:13px}.ticket-index .ticket-row.resolved-card{background:#f9fcfa;border-color:#cbded0 #cbded0 #cbded0 #639570;border-left-style:solid;border-left-width:4px;padding-left:13px;box-shadow:0 2px 9px #3d74490b}.ticket-index .reply-state.resolved-state{color:#376d44;background:#eff8f1;border-color:#c2ddc9;box-shadow:inset 3px 0 #639570}.ticket-index .ticket-row h3{margin-top:13px;font-size:15px;line-height:1.3}.ticket-index .ticket-row>p{-webkit-line-clamp:2;font-size:11px}.ticket-index .reply-state{box-sizing:border-box;flex:none;width:100%;min-width:0}.ticket-index .row-bottom{border-top:1px solid #edf0f5;flex:none;width:100%;min-height:32px;margin-top:auto;padding-top:10px}.ticket-index .row-bottom .avatar.agent{margin-left:10px}.ticket-index .ticket-row.selected:before{display:none}.ticket-open{z-index:24;border-radius:14px;grid-template-columns:minmax(0,1fr) 235px;height:auto;min-height:0;max-height:none;position:fixed;inset:76px 22px 22px 252px;box-shadow:0 28px 90px #05091499}.nav-collapsed .ticket-open{left:94px}.ticket-open .ticket-list{display:none}.ticket-open .ticket-detail{border-left:0;display:flex}.ticket-open .properties{display:block}.ticket-open .detail-scroll{scrollbar-gutter:stable;flex:1;height:auto;min-height:0;padding:22px 32px 30px;display:block;overflow-y:auto}.ticket-open .conversation{border-top:0;min-height:0;padding-right:0;overflow:visible}.ticket-open .conversation article{padding:18px 8px}.ticket-open .email-body{color:#445168;font-size:15px;line-height:1.7}.ticket-open .composer textarea{min-height:145px;font-size:15px}.ticket-open .composer{margin-top:20px;margin-bottom:8px}.ticket-open .meta-line strong{font-size:13px}.ticket-open .meta-line span,.ticket-open .meta-line time{font-size:10px}.close-ticket{border:1px solid var(--line);color:#8791a6;background:0 0;border-radius:8px;place-items:center;width:31px;height:31px;margin-left:auto;display:grid}.detail-head .resolve{margin-left:8px}.ticket-open .detail-head{gap:16px;height:64px;padding:0 18px}.ticket-open .breadcrumb{align-items:center;gap:14px;min-width:0;display:flex}.ticket-open .breadcrumb>span:first-child{flex:none;font-size:11px}.header-subject{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:700 17px Manrope;overflow:hidden}.ticket-head-actions{flex:none;align-items:center;gap:7px;margin-left:auto;display:flex}.ticket-head-actions .pill{padding:5px 8px;font-size:9px}.ticket-open .properties>label{margin:14px 12px;font-size:9px}.ticket-open .properties select{height:36px;font-size:10px}.ticket-open .property-head,.ticket-open .properties .property-head{padding:0 12px}:root[data-theme=dark] .header-subject{color:#f0f2f8}:root[data-theme=dark] .ticket-open .email-body{color:#c3cada}.delete-ticket{color:#bd4257;background:#fff4f6;border:1px solid #efb7c1;border-radius:8px;align-items:center;gap:5px;height:31px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.delete-ticket:hover{background:#ffe6eb}.ndr-report{color:#38455b;background:#fff8f9;border:1px solid #efc3ca;border-left:4px solid #d84f65;border-radius:9px;margin-top:12px;padding:16px}.ndr-report>strong{color:#b33d51;margin-bottom:10px;font-size:14px;display:block}.ndr-report pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;color:#4c586d;margin:0;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}:root[data-theme=dark] .delete-ticket{color:#ff9dad;background:#321d24;border-color:#64303d}:root[data-theme=dark] .ndr-report{color:#d8deea;background:#241821;border-color:#64303d}:root[data-theme=dark] .ndr-report pre{color:#c8cfdd}.delivery-label{border-radius:999px;align-items:center;margin-left:8px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.delivery-label.failed{color:#b92f49;background:#ffe5e9}.delivery-label.system{color:#8b5d00;background:#fff0cf}:root[data-theme=dark] .delivery-label.failed{color:#ff9eb0;background:#4a202a}:root[data-theme=dark] .delivery-label.system{color:#ffd275;background:#46391b}.retry-delivery{color:#b92f49;cursor:pointer;background:0 0;border:1px solid #e8aab6;border-radius:7px;margin-left:7px;padding:4px 8px;font-size:10px;font-weight:700}.retry-delivery:hover:not(:disabled){background:#fff0f3}.retry-delivery:disabled{cursor:wait;opacity:.6}:root[data-theme=dark] .retry-delivery{color:#ff9eb0;border-color:#70404a}:root[data-theme=dark] .retry-delivery:hover:not(:disabled){background:#3b2228}.sidebar nav button{font-size:14px}.brand strong{font-size:16px}.search input{font-size:13px}.title-row p{font-size:12px}.panel-head span{font-size:11px}.ticket-index .ticket-row h3{font-size:16px}.ticket-index .ticket-row>p{font-size:12px;line-height:1.55}.row-bottom,.row-top b,.row-top time{font-size:10px}.properties>label,.ticket-open .properties>label{font-size:11px}.properties select,.ticket-open .properties select{font-size:12px}.property-head h3{font-size:13px}.prop-block>span{font-size:10px}.requester strong{font-size:11px}.requester small,.prop-block>p{font-size:10px}.compose-tabs button{font-size:11px}.compose-actions span{font-size:9px}.send{font-size:11px}.signature-modal h2{font-size:21px}.signature-modal>p{font-size:12px;line-height:1.5}.signature-modal label{font-size:11px}@media (width<=700px){.modal-backdrop{padding:12px;display:block;overflow-y:auto}.signature-modal{max-height:none;margin:auto}.delete-ticket span{display:none}}:root[data-theme=dark] .ticket-index .queue{background:#0d1425}:root[data-theme=dark] .ticket-index .ticket-row{border-color:#28334c}:root[data-theme=dark] .close-ticket{color:#aeb8ca;border-color:#34405b}@media (width<=900px){.ticket-open,.nav-collapsed .ticket-open{grid-template-columns:1fr;inset:74px 12px 12px}.ticket-open .properties{display:none}.queue-group-grid{grid-template-columns:1fr}.ticket-index .queue:not(:has(>.queue-groups)){grid-template-columns:1fr}.ticket-open .detail-scroll{padding:18px}}@media (width<=700px){.ticket-index .panel-head{align-items:flex-start;gap:8px;height:auto;min-height:74px;padding:10px}.queue-filters{width:100%}.queue-filters label{flex:1}.queue-filters select{width:100%;min-width:0}.ticket-index .queue{height:calc(100% - 74px)}}.boot{color:#6f7890;place-content:center;justify-items:center;gap:14px;min-height:100vh;font-size:12px;display:grid}.brand-mark.big{border-radius:16px;width:58px;height:58px;font-size:18px}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#121a31,#1f2a4d);flex-direction:column;justify-content:center;padding:9vh 10%;display:flex;position:relative;overflow:hidden}.login-art h1{letter-spacing:-2px;z-index:2;margin:35px 0 20px;font:800 clamp(36px,5vw,68px)/1.08 Manrope;position:relative}.login-art p{color:#b9c3dc;z-index:2;max-width:500px;font-size:15px;line-height:1.7;position:relative}.login-orb{filter:blur(2px);border-radius:50%;position:absolute}.login-orb.one{background:radial-gradient(circle at 35% 35%,#6d5be8,#3caecc55 55%,#0000 70%);width:380px;height:380px;top:-90px;right:-120px}.login-orb.two{background:radial-gradient(circle,#ec5c9c55,#0000 70%);width:250px;height:250px;bottom:-70px;left:-70px}.login-card{width:min(420px,80%);margin:auto}.login-card .brand{display:none}.login-card h2{margin:0;font:800 28px Manrope}.login-card>p{color:#8b94a7;margin:7px 0 28px;font-size:12px}.login-card label{color:#525e74;margin:15px 0;font-size:11px;font-weight:600;display:block}.login-card input{border:1px solid #dfe3eb;border-radius:9px;outline:0;width:100%;height:45px;margin-top:7px;padding:0 12px;display:block}.login-card input:focus{border-color:#6757df;box-shadow:0 0 0 3px #6757df18}.login-submit{color:#fff;background:linear-gradient(120deg,#6150df,#815ce9);border:0;border-radius:9px;width:100%;height:45px;margin-top:8px;font-weight:700}.login-card>small{text-align:center;color:#a2a9b8;margin-top:18px;font-size:9px;display:block}.login-error{color:#bc4054;background:#ffe9ed;border:1px solid #ffcbd3;border-radius:7px;margin:12px 0;padding:9px 11px;font-size:10px}.profile{cursor:pointer}.empty-queue{color:#a0a8b8;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:240px;display:flex}.empty-queue svg{width:30px}.empty-queue strong{color:#647087;font-size:11px}.empty-queue span{font-size:9px}.file-chips{flex-wrap:wrap;gap:5px;padding:5px 10px;display:flex}.file-chips span,.attachment{color:#53617b;background:#eef2fb;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;text-decoration:none;display:inline-flex}.file-chips span{max-width:100%}.file-chips span button{color:#758198;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:18px;height:18px;margin:-2px -3px -2px 2px;padding:0;display:inline-grid}.file-chips span button:hover{color:#35445f;background:#dfe6f5}.inline-image-chips span{color:#287052;background:#edf8f3}.reply-editor{width:100%;min-height:90px;max-height:420px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;outline:0;padding:12px;font-size:10px;line-height:1.55;overflow-y:auto}.reply-editor:empty:before{content:attr(data-placeholder);color:#9ba4b5;pointer-events:none}.reply-editor:focus{box-shadow:inset 0 0 0 2px #7564e11f}.reply-editor img[data-inline-id]{object-fit:contain;border:1px solid #dce2ec;border-radius:8px;width:auto;max-width:min(100%,720px);height:auto;max-height:480px;margin:10px 0;display:block;box-shadow:0 3px 12px #27314c12}.ticket-open .reply-editor,.focus-workspace .reply-editor{min-height:145px;font-size:15px}:root[data-theme=dark] .reply-editor{color:#e4e9f2}:root[data-theme=dark] .reply-editor:empty:before{color:#7f8aa0}:root[data-theme=dark] .reply-editor img[data-inline-id]{border-color:#3a465f;box-shadow:0 4px 16px #0005}:root[data-theme=dark] .file-chips span{color:#cbd4e4;background:#202b42}:root[data-theme=dark] .inline-image-chips span{color:#9addc4;background:#17362f}:root[data-theme=dark] .file-chips span button{color:#aeb8c9}:root[data-theme=dark] .file-chips span button:hover{color:#fff;background:#34415a}.attachment{margin-top:8px}.settings-modal{width:min(520px,100vw - 30px);max-height:90vh;overflow:auto}.settings-copy{color:#7c879b;margin:0 0 10px;font-size:9px;line-height:1.5}.smtp-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.smtp-grid .smtp-host,.smtp-grid .smtp-auth{grid-column:1/-1}.connection-status{background:#fff8e9;border:1px solid #f0d8a7;border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:10px;display:flex}.connection-status.good{background:#ebf9f2;border-color:#c6ead9}.connection-status svg{color:#bd8726;width:18px}.connection-status.good svg{color:#25936a}.connection-status strong,.connection-status span{display:block}.connection-status strong{font-size:9px}.connection-status span{color:#828ca0;margin-top:2px;font-size:8px}.setup-hint{word-break:break-all;background:#f5f7fb;border-radius:6px;padding:7px;font-size:8px!important}.oauth-button{color:#fff;background:#0878d4;border-radius:7px;align-items:center;height:32px;padding:0 11px;font-size:9px;font-weight:600;text-decoration:none;display:flex}.modal-actions .send{display:flex}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:60px 0}.login-card .brand{padding:0 0 35px;display:flex}.login-card .brand strong{color:#1d2942}.login-card .brand span{color:#8a93a6}}.panel-head h2{font-size:16px}.panel-head span,.queue-filters label,.row-top b,.row-top time,.row-bottom{font-size:11px}.queue-filters select{min-height:38px;font-size:13px}.priority-badge,.row-top .ticket-status,.ticket-head-actions .pill{min-height:28px;padding:5px 10px;font-size:11px}.reply-state{min-height:38px;padding:8px 11px;font-size:11px}.reply-state strong,.requester-card-name,.requester-card-company{font-size:12px}.conversation p,.ticket-open .email-body p{font-size:inherit}.ticket-open .conversation strong{font-size:14px}.ticket-open .meta-line span,.ticket-open .meta-line time,.message-recipients,.ticket-open .conversation time{font-size:11px}.compose-tabs button,.compose-actions span,.send{font-size:12px}.signature-preview{max-height:180px;padding:13px 15px;font-size:13px}.signature-preview>span,.signature-live-preview>span{font-size:10px}.signature-toolbar button,.signature-help{font-size:11px}.signature-editor,.signature-live-preview{font-size:14px}.ticket-open .properties>label,.prop-block>span,.audit span{font-size:11px}.ticket-open .properties select,.requester strong,.due-card strong{font-size:12px}.requester small,.prop-block>p,.due-card span,.due-card>b,.audit small,.tags b,.cc-list b{font-size:10px}.file-chips span,.attachment{min-height:30px;padding:6px 9px;font-size:11px}.settings-copy,.connection-status strong{font-size:12px}.connection-status span,.setup-hint{line-height:1.55;font-size:11px!important}.ticket-index .queue-group-new .ticket-row.needs-reply-card{border-left:5px solid #e15f70;padding-left:12px}.ticket-index .queue-group-replied .ticket-row.needs-reply-card{border-left:5px solid #d39a28;padding-left:12px}.brand-mark,.brand strong,.title-row h1,.stat strong,.detail-scroll>h2,.modal h2,.settings-heading,.header-subject,.login-art h1,.login-card h2{font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif}.settings-modal{width:min(680px,100vw - 30px)}.modal>p,.modal label,.settings-copy,.oauth-button,.login-card label,.login-card>small,.login-error,.password-rules,.empty-queue span{line-height:1.5;font-size:13px!important}.connection-status strong,.connection-status span,.setup-hint{line-height:1.5;font-size:12px!important}.login-card>p,.login-card input{font-size:14px;line-height:1.5}.modal input,.modal textarea,.modal select{min-height:40px;font-size:14px}.oauth-button{min-height:36px}.reply-editor{font-size:15px;line-height:1.6}.signature-preview>span,.signature-live-preview>span,.requester small,.prop-block>p,.due-card span,.due-card>b,.audit small,.tags b,.cc-list b{font-size:11px}@media (width<=700px){.smtp-grid,.add-user{grid-template-columns:1fr}.smtp-grid>*,.smtp-grid .smtp-host,.smtp-grid .smtp-auth,.add-user textarea{grid-column:1}input,textarea,select,.reply-editor,.modal input,.modal textarea,.modal select,.recipient-editor input{font-size:16px}}.settings-heading{color:#29354c;border-top:1px solid #e8ebf1;margin:22px 0 8px;padding-top:16px;font:700 15px Manrope}.user-list{border:1px solid #e4e7ee;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.user-list>div{border-bottom:1px solid #eef0f4;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:11px 12px;display:grid}.user-list>div:last-child{border:0}.user-list span strong,.user-list span small{display:block}.user-list span strong{font-size:12px}.user-list span small{color:#9099aa;font-size:11px}.user-list b{text-transform:uppercase;color:#6553c8;background:#eeeaff;border-radius:5px;padding:3px 6px;font-size:10px}.add-user{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.add-user input,.add-user select,.add-user textarea{border:1px solid #dfe3eb;border-radius:7px;min-width:0;padding:10px 11px;font-size:12px}.add-user textarea{resize:vertical;grid-column:1/3;min-height:82px}.add-user .send{width:max-content}.diag-head{justify-content:space-between;align-items:end;display:flex}.diag-head button{color:#59667d;background:#fff;border:1px solid #d8ddea;border-radius:6px;height:34px;padding:0 11px;font-size:11px}.diag-summary{background:#effaf5;border:1px solid #cfe8dc;border-radius:8px;flex-direction:column;gap:3px;padding:12px;display:flex}.diag-summary.bad{background:#fff0f2;border-color:#f2c4cb}.diag-summary strong{color:#277a5c;font-size:12px}.diag-summary.bad strong{color:#bd4155}.diag-summary span{color:#788399;font-size:11px}.diag-summary code{white-space:pre-wrap;color:#9e3447;margin-top:4px;font-size:11px;line-height:1.55}.event-list{border:1px solid #e3e7ee;border-radius:7px;max-height:240px;margin-top:7px;overflow:auto}.event-list>div{border-bottom:1px solid #edf0f4;grid-template-columns:42px 1fr auto;gap:6px;padding:9px 10px;font-size:11px;display:grid}.event-list>div:last-child{border:0}.event-list b{text-transform:uppercase;color:#67748b}.event-list .error b{color:#c24356}.event-list time{color:#9ba3b2}:root[data-theme=dark] .diag-head button{color:#c6cede;background:#182238;border-color:#35405a}:root[data-theme=dark] .diag-summary{background:#142a25;border-color:#285447}:root[data-theme=dark] .event-list{border-color:#303a53}:root[data-theme=dark] .event-list>div{border-color:#283249}@media (width<=700px){.add-user{grid-template-columns:1fr}.add-user textarea{grid-column:1}.event-list>div{grid-template-columns:42px minmax(0,1fr)}.event-list time{grid-column:2}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eaf2;background:#0b1020}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] main{background:#0b1020}:root[data-theme=dark] header{background:#11182a;border-color:#263149}:root[data-theme=dark] .title-row h1,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] .detail-scroll>h2{color:#f0f2f8}:root[data-theme=dark] .title-row p,:root[data-theme=dark] .panel-head span{color:#8994ab}:root[data-theme=dark] .stat,:root[data-theme=dark] .sla-strip,:root[data-theme=dark] .workspace,:root[data-theme=dark] .panel,:root[data-theme=dark] .ticket-row,:root[data-theme=dark] .filter,:root[data-theme=dark] .icon-button{color:#b5bdd0;background:#121a2d;border-color:#28334c}:root[data-theme=dark] .ticket-row h3,:root[data-theme=dark] .stat strong,:root[data-theme=dark] .meta-line strong,:root[data-theme=dark] .conversation strong,:root[data-theme=dark] .requester strong{color:#e7eaf2}:root[data-theme=dark] .ticket-row>p,:root[data-theme=dark] .conversation p,:root[data-theme=dark] .meta-line span{color:#a1abc0}:root[data-theme=dark] .priority-badge{color:#c2cad9;background:#1b253a;border-color:#38445d}:root[data-theme=dark] .priority-badge.red{color:#ff9aaa;background:#321f2a;border-color:#713847}:root[data-theme=dark] .priority-badge.orange{color:#ffc081;background:#30271f;border-color:#6c4828}:root[data-theme=dark] .priority-badge.violet{color:#c1b1ff;background:#292442;border-color:#51437d}:root[data-theme=dark] .reply-state.needs-reply{color:#f3c36f;background:#2e281d;border-color:#765526}:root[data-theme=dark] .reply-state.customer-follow-up{color:#ffd17a;background:#332a18;border-color:#89652c;box-shadow:inset 3px 0 #d59a2b}:root[data-theme=dark] .reply-state.customer-new{color:#ffb0bd;background:#462832;border-color:#864a59;box-shadow:inset 4px 0 #ef7183}:root[data-theme=dark] .reply-state.triaged-state{color:#b9cbff;background:#273a60;border-color:#526da9;box-shadow:inset 4px 0 #7195ed}:root[data-theme=dark] .reply-state.team-replied{color:#83d3b7;background:#1b302d;border-color:#315f54}:root[data-theme=dark] .ticket-index .row-bottom{border-top-color:#28334c}:root[data-theme=dark] .panel-head,:root[data-theme=dark] .detail-head,:root[data-theme=dark] .ticket-list,:root[data-theme=dark] .ticket-detail,:root[data-theme=dark] .property-head,:root[data-theme=dark] .prop-block,:root[data-theme=dark] .conversation,:root[data-theme=dark] .conversation article{border-color:#273149}:root[data-theme=dark] .properties{background:#0f1729}:root[data-theme=dark] .properties select{color:#d9deeb;background:#151e32;border-color:#303b55}:root[data-theme=dark] .composer{background:#121a2d;border-color:#34405b}:root[data-theme=dark] .composer.note-mode,:root[data-theme=dark] .conversation article.note{background:#302b1c;border-color:#62562d}:root[data-theme=dark] .compose-tabs{background:#0f1728;border-color:#2b354c}:root[data-theme=dark] .compose-actions{border-color:#2b354c}:root[data-theme=dark] .modal{color:#dfe4ef;background:#131b2e}:root[data-theme=dark] .modal>p,:root[data-theme=dark] .modal label{color:#9ba5ba}:root[data-theme=dark] .modal input,:root[data-theme=dark] .modal textarea,:root[data-theme=dark] .modal select{color:#e6e9f1;background:#0e1628;border-color:#303b55}:root[data-theme=dark] .modal-actions button{color:#cdd3e0;background:#1a2337;border-color:#33405a}:root[data-theme=dark] .setup-hint{background:#0d1526}:root[data-theme=dark] .connection-status{background:#30291b;border-color:#5d4f2c}:root[data-theme=dark] .connection-status.good{background:#142a25;border-color:#285447}:root[data-theme=dark] .settings-heading{color:#dfe4ef;border-color:#2c3650}:root[data-theme=dark] .user-list{border-color:#303a53}:root[data-theme=dark] .user-list>div{border-color:#283249}:root[data-theme=dark] .due-card{background:#17243a;border-color:#2c405e}:root[data-theme=dark] .timeline{background:#283249}:root[data-theme=dark] .login-card h2{color:#f1f3f8}:root[data-theme=dark] .login-card label{color:#bbc3d2}:root[data-theme=dark] .login-card input{color:#fff;background:#121b2e;border-color:#34405a}:root[data-theme=dark] .boot{color:#a7b0c4;background:#0b1020}.password-rules{color:#7f899f;background:#f4f6fa;border-radius:6px;padding:8px;font-size:9px}:root[data-theme=dark] .password-rules{color:#9da7bb;background:#151e31}:root[data-theme=dark]{--ink:#f1f4f8;--muted:#b5bfce;--line:#3b475c;color:#e9edf4;background:#151b28}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] main{background:#151b28}:root[data-theme=dark] header{background:#202838;border-color:#3b475b;box-shadow:0 1px #0b101a66}:root[data-theme=dark] .search input,:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:#edf1f7;background:#192233;border-color:#46536a}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#939fb2}:root[data-theme=dark] .stat,:root[data-theme=dark] .sla-strip,:root[data-theme=dark] .workspace,:root[data-theme=dark] .panel,:root[data-theme=dark] .ticket-row,:root[data-theme=dark] .filter,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .modal{color:#d7deea;background:#202a3b;border-color:#3b475c}:root[data-theme=dark] .ticket-index .queue,:root[data-theme=dark] .properties,:root[data-theme=dark] .compose-tabs,:root[data-theme=dark] .setup-hint{background:#192231}:root[data-theme=dark] .ticket-row:hover{background:#283449}:root[data-theme=dark] .ticket-row.selected{background:linear-gradient(90deg,#343257,#283146)}:root[data-theme=dark] .title-row p,:root[data-theme=dark] .panel-head span,:root[data-theme=dark] .ticket-row>p,:root[data-theme=dark] .meta-line span,:root[data-theme=dark] .message-recipients,:root[data-theme=dark] .modal>p,:root[data-theme=dark] .modal label,:root[data-theme=dark] .settings-copy,:root[data-theme=dark] .requester small,:root[data-theme=dark] .prop-block>p{color:#b3bdcc}:root[data-theme=dark] .ticket-row h3,:root[data-theme=dark] .stat strong,:root[data-theme=dark] .meta-line strong,:root[data-theme=dark] .conversation strong,:root[data-theme=dark] .requester strong,:root[data-theme=dark] .property-head h3,:root[data-theme=dark] .settings-heading{color:#f3f5f9}:root[data-theme=dark] .panel-head,:root[data-theme=dark] .detail-head,:root[data-theme=dark] .ticket-list,:root[data-theme=dark] .ticket-detail,:root[data-theme=dark] .property-head,:root[data-theme=dark] .prop-block,:root[data-theme=dark] .conversation,:root[data-theme=dark] .conversation article,:root[data-theme=dark] .compose-tabs,:root[data-theme=dark] .compose-actions,:root[data-theme=dark] .recipient-editor,:root[data-theme=dark] .ticket-index .row-bottom{border-color:#3b475c}:root[data-theme=dark] .composer{background:#202a3b;border-color:#46546b;box-shadow:0 7px 24px #080c1438}:root[data-theme=dark] .recipient-editor,:root[data-theme=dark] .recipient-presets button,:root[data-theme=dark] .recipient-editor input,:root[data-theme=dark] .modal input,:root[data-theme=dark] .modal textarea,:root[data-theme=dark] .modal select,:root[data-theme=dark] .properties select,:root[data-theme=dark] .queue-filters select{color:#edf1f7;background:#182132;border-color:#46536a}:root[data-theme=dark] .recipient-presets>span,:root[data-theme=dark] .recipient-editor label>span,:root[data-theme=dark] .compose-actions span,:root[data-theme=dark] .queue-filters label,:root[data-theme=dark] .properties>label,:root[data-theme=dark] .prop-block>span{color:#b8c2d0}:root[data-theme=dark] .compose-actions>div button:hover{background:#2c384c}:root[data-theme=dark] .conversation article>.email-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#263247;background:#fbfcfe;border:1px solid #d7dde7;border-radius:9px;margin-top:10px;padding:14px 16px;box-shadow:0 2px 8px #070b121f}:root[data-theme=dark] .conversation article>.email-body a{color:#3d5fc1}:root[data-theme=dark] .conversation article>.email-body blockquote{color:#59667b;border-left-color:#c7cfdb}:root[data-theme=dark] .conversation article>.email-body p,:root[data-theme=dark] .conversation article>.email-body strong,:root[data-theme=dark] .conversation article>.email-body b,:root[data-theme=dark] .conversation article>.email-body td,:root[data-theme=dark] .conversation article>.email-body th{color:inherit}:root[data-theme=dark] .signature-preview,:root[data-theme=dark] .signature-editor,:root[data-theme=dark] .signature-live-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#263247;background:#fbfcfe;border-color:#d6dce6}:root[data-theme=dark] .signature-preview{border:1px solid #d6dce6;border-radius:8px}:root[data-theme=dark] .signature-toolbar{background:#263145;border-color:#46536a}:root[data-theme=dark] .signature-toolbar button,:root[data-theme=dark] .modal-actions button,:root[data-theme=dark] .diag-head button{color:#edf1f7;background:#303c51;border-color:#536079}:root[data-theme=dark] .attachment,:root[data-theme=dark] .file-chips span{color:#dfe5ee;background:#303c51}:root[data-theme=dark] .connection-status{color:#f1dfb5;background:#3b311f;border-color:#7a6535}:root[data-theme=dark] .connection-status.good,:root[data-theme=dark] .diag-summary{background:#1d392f;border-color:#3d715e}:root[data-theme=dark] .diag-summary.bad{background:#45242d;border-color:#84505d}:root[data-theme=dark] .user-list,:root[data-theme=dark] .event-list{border-color:#46536a}:root[data-theme=dark] .user-list>div,:root[data-theme=dark] .event-list>div{border-color:#39465b}:root[data-theme=dark] .login-page{background:#192130}:root[data-theme=dark] .password-rules{color:#c4ccda;background:#242f42;font-size:12px}@media (width<=700px){:root[data-theme=dark] .conversation article>.email-body{padding:12px}}@media (width<=900px){:root[data-theme=dark] .ticket-open .detail-head{background:#202a3b}}:root[data-theme=dark] .queue-group{--queue-group-accent:#9aa6ba;--queue-group-border:#46546b;--queue-group-surface:#232d3e;--queue-group-soft:#354156;color:#e7ebf2;box-shadow:0 7px 22px #080c142e}:root[data-theme=dark] .stat.attention{background:linear-gradient(135deg,#3c2a35 0%,#273244 76%);border-color:#70414e;box-shadow:0 6px 20px #10080c38}:root[data-theme=dark] .stat.attention .stat-icon{color:#ff9aaa;background:#553340}:root[data-theme=dark] .queue-group-head{color:#f2f4f8}:root[data-theme=dark] .queue-group-head p,:root[data-theme=dark] .queue-group-head small{color:#aeb8c8}:root[data-theme=dark] .queue-group-head>span,:root[data-theme=dark] .queue-group-head .queue-group-count{border-color:var(--queue-group-border);color:#e8edf5;background:#2a3548}:root[data-theme=dark] .queue-group-grid .ticket-row{border-color:color-mix(in srgb, var(--queue-group-accent) 34%, #3b475c);background:#273246;box-shadow:0 4px 15px #090d161f}:root[data-theme=dark] .queue-group-grid .ticket-row:hover{border-color:color-mix(in srgb, var(--queue-group-accent) 60%, #46546b);background:#2d394e;box-shadow:0 9px 24px #080c143d}:root[data-theme=dark] .queue-group-new{--queue-group-accent:#ff9ba9;--queue-group-border:#754653;--queue-group-surface:linear-gradient(135deg, #442c38 0%, #2c3041 68%);--queue-group-soft:#613b48;box-shadow:0 9px 26px #170a1047}:root[data-theme=dark] .queue-group-new .ticket-row{background:#3a2d3c;border-color:#754957;box-shadow:inset 4px 0 #ed7182,0 5px 17px #160a1042}:root[data-theme=dark] .queue-group-replied{--queue-group-accent:#edbd64;--queue-group-border:#6f5c38;--queue-group-surface:linear-gradient(135deg, #373126 0%, #2b303d 68%);--queue-group-soft:#51442d}:root[data-theme=dark] .queue-group-replied .ticket-row{box-shadow:inset 4px 0 #d4a343,0 4px 15px #0b0c1229}:root[data-theme=dark] .queue-group-triaged{--queue-group-accent:#91adf5;--queue-group-border:#435c91;--queue-group-surface:linear-gradient(135deg, #283958 0%, #293241 68%);--queue-group-soft:#344b77}:root[data-theme=dark] .queue-group-triaged .ticket-row,:root[data-theme=dark] .ticket-index .ticket-row.triaged-card{background:#2b3851;border-color:#455d8f #455d8f #455d8f #7195ed;box-shadow:inset 4px 0 #7195ed,0 4px 15px #080d1829}:root[data-theme=dark] .queue-group-delivery{--queue-group-accent:#ff738d;--queue-group-border:#813e50;--queue-group-surface:linear-gradient(135deg, #49242f 0%, #302b38 68%);--queue-group-soft:#642d3c;box-shadow:0 10px 28px #16070b59}:root[data-theme=dark] .queue-group-delivery .ticket-row,:root[data-theme=dark] .ticket-index .ticket-row.delivery-issue-card{background:#402a35;border-color:#8b4558 #8b4558 #8b4558 #ef5d79;box-shadow:inset 3px 0 #ef5d79,0 5px 18px #14080c4d}:root[data-theme=dark] .ticket-index .reply-state.delivery-failed{color:#ffadbb;background:#482630;border-color:#8f4659;box-shadow:inset 4px 0 #ef5d79}:root[data-theme=dark] .ticket-index .reply-state.delivery-pending{color:#f2ca7b;background:#3c3325;border-color:#77603a;box-shadow:inset 4px 0 #d8a344}:root[data-theme=dark] .queue-group-waiting{--queue-group-accent:#72c5ab;--queue-group-border:#3f675e;--queue-group-surface:linear-gradient(135deg, #233b38 0%, #27323e 68%);--queue-group-soft:#31534c}:root[data-theme=dark] .queue-group-other{--queue-group-accent:#a6b0c2;--queue-group-border:#46546b;--queue-group-surface:#232d3e;--queue-group-soft:#354156}:root[data-theme=dark] .queue-group-resolved{--queue-group-accent:#8fc29c;--queue-group-border:#4b6753;--queue-group-surface:#27372f;--queue-group-soft:#385244}:root[data-theme=dark] .ticket-index .ticket-row.resolved-card{background:#2a3832;border-color:#4c6754 #4c6754 #4c6754 #78ae85;box-shadow:0 3px 12px #0b16102b}:root[data-theme=dark] .ticket-index .reply-state.resolved-state{color:#a8d9b3;background:#294033;border-color:#4b7056;box-shadow:inset 3px 0 #78ae85}:root[data-theme=dark] .ticket-index .queue-group-new .ticket-row.needs-reply-card{border-left-color:#ef7183}:root[data-theme=dark] .ticket-index .queue-group-replied .ticket-row.needs-reply-card{border-left-color:#d4a343}:root[data-theme=dark] .app-shell.board-mode{background:radial-gradient(circle at 12% 0,#7663ff1a,#0000 30rem),#171e2b}:root[data-theme=dark] .app-shell.board-mode .content,:root[data-theme=dark] .app-shell.board-mode main{background:0 0}:root[data-theme=dark] .app-shell.board-mode .stat{background:#222c3c;border-color:#39465a;box-shadow:0 8px 26px #090d152e}:root[data-theme=dark] .app-shell.board-mode .stat.attention{background:linear-gradient(135deg,#442c38 0%,#273142 72%);border-color:#754653}:root[data-theme=dark] .app-shell.board-mode .sla-strip{background:#222c3c;border-color:#39465a}:root[data-theme=dark] .modal.board-mode-modal{color:#eef2fb;background:#222c3c;border-color:#3b485d}:root[data-theme=dark] .modal.board-mode-modal .board-mode-toggle{color:#eef2fb;background:#293548;border-color:#435168}:root[data-theme=dark] .board-mode-toggle>div strong,:root[data-theme=dark] .board-feature-list strong{color:#f2f5fb}:root[data-theme=dark] .board-mode-toggle>div span,:root[data-theme=dark] .board-feature-list span{color:#adb7ca}:root[data-theme=dark] .board-feature-list>div{color:#a99dff;background:#293548;border-color:#435168}:root[data-theme=dark] .board-security-note{color:#e7c987;background:#373324;border-color:#675b3e}:root[data-theme=dark] .board-modal-actions .board-signout{color:#ff9cac;background:#3b2931;border-color:#704754}
