.supportDesk{--sp-blue:#075bf4;--sp-ink:#0a192d;--sp-muted:#63738a;--sp-line:#e2e8f1;color:var(--sp-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f9fc;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:auto}.supportDesk *{box-sizing:border-box}.supportDesk button,.supportDesk input,.supportDesk select,.supportDesk textarea{font:inherit}.supportDesk button{cursor:pointer}.supportDesk button:disabled{opacity:.5;cursor:not-allowed}.supportDesk a{color:var(--sp-blue);text-decoration:none}.supportDesk a:hover{text-decoration:underline}.supportDesk :focus-visible{outline-offset:3px;outline:3px solid #91b8ff}.supportDesk h1,.supportDesk h2,.supportDesk h3,.supportDesk p{overflow-wrap:anywhere;margin:0}.supportDesk p{color:var(--sp-muted)}.supportDesk h1{letter-spacing:-.045em;font-size:44px;font-weight:450;line-height:1.2}.supportDesk h2{letter-spacing:-.035em;font-size:24px;font-weight:500;line-height:1.35}.supportDesk h3{letter-spacing:-.015em;font-size:15px;font-weight:550}.supportDesk strong{font-weight:600}.supportDesk small{color:var(--sp-muted);font-size:12px;line-height:1.6;display:block}.supportDesk svg{stroke:currentColor;flex-shrink:0;width:20px;height:20px}.supportDesk form{flex-direction:column;align-items:stretch;display:flex}.supportDesk label{flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.supportDesk input:not([type=checkbox]):not([type=radio]),.supportDesk select,.supportDesk textarea{width:100%;color:var(--sp-ink);background:#fff;border:1px solid #d5ddea;border-radius:8px;min-height:43px;padding:11px 12px;box-shadow:0 1px 2px #0b192e04}.supportDesk textarea{resize:vertical;line-height:1.65}.supportDesk input::placeholder,.supportDesk textarea::placeholder{color:#8a96a8}.supportDesk input:focus,.supportDesk select:focus,.supportDesk textarea:focus{border-color:var(--sp-blue)}.spHeader{border-bottom:1px solid var(--sp-line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:84px;padding:0 max(5vw,24px);display:flex}.spHeader nav{align-items:center;gap:24px;font-size:13px;display:flex}.supportDesk .spBrand{letter-spacing:-.07em;color:var(--sp-blue);white-space:nowrap;font-size:29px;font-weight:850;text-decoration:none}.spBrand span{color:#697789;letter-spacing:0;margin-left:12px;font-size:14px;font-weight:450}.spAccount{color:var(--sp-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.spMain{max-width:1380px;margin:0 auto;padding:48px 44px 0}.spHeading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 34px;display:flex}.spHeading p{margin-top:12px;font-size:16px}.spEyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--sp-blue);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:650;display:flex}.spEyebrow>span{background:var(--sp-blue);border-radius:50%;width:6px;height:6px}.supportDesk .spButton{border:1px solid var(--sp-blue);background:var(--sp-blue);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:550;transition:background .15s;display:inline-flex;box-shadow:0 2px 3px #075bf415}.supportDesk .spButton:hover:not(:disabled){background:#054ccd}.supportDesk .spButton.spSecondary{color:var(--sp-ink);background:#fff;border-color:#ced9ea;box-shadow:0 1px 2px #0b192e05}.supportDesk .spButton.spSecondary:hover:not(:disabled){background:#f1f6ff;border-color:#abc6f7}.supportDesk .spTextButton{box-shadow:none;color:var(--sp-blue);text-align:left;background:0 0;border:0;min-height:auto;padding:0;font-size:13px;font-weight:500;display:inline}.supportDesk .spTextButton:hover{text-decoration:underline}.supportDesk .spIconButton{border:1px solid var(--sp-line);width:40px;height:40px;min-height:0;color:var(--sp-muted);background:0 0;border-radius:50%;padding:9px;position:relative}.spCount{background:var(--sp-blue);color:#fff;border-radius:8px;padding:0 5px;font-size:10px;position:absolute;top:-5px;right:-5px}.spAlert{color:#234778;background:#edf4ff;border:1px solid #cbdcfb;border-radius:10px;justify-content:space-between;gap:14px;margin-bottom:20px;padding:15px 18px;display:flex}.spAlert.spError{color:#953a32;background:#fff6f5;border-color:#f1d4cf}.spAlert .spTextButton{flex-shrink:0}.spTabs{border-bottom:1px solid var(--sp-line);gap:24px;margin-bottom:24px;display:flex}.spTabs button,.spReplyTabs button{color:var(--sp-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:0;padding:12px 0;font-size:13px}.spTabs button.spActive,.spReplyTabs button.spActive{color:var(--sp-blue);border-color:var(--sp-blue)}.spWorkspace{border:1px solid var(--sp-line);background:#fff;border-radius:12px;grid-template-columns:320px minmax(0,1fr);min-height:600px;display:grid;overflow:hidden;box-shadow:0 6px 32px #13274903}.spTicketList{border-right:1px solid var(--sp-line);background:#fbfcfe}.spListHeading{justify-content:space-between;align-items:center;padding:22px 20px 14px;display:flex}.spListHeading h2{letter-spacing:0;font-size:15px;font-weight:600}.spSubtle{color:var(--sp-muted);font-size:12px}.supportDesk .spSearch{padding:0 16px}.spSearch input{background:#fff;font-size:12px}.spFilters{grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px 16px;display:grid}.spFilters select{min-height:35px;padding:7px 8px;font-size:11px}.spTicketRows{border-top:1px solid var(--sp-line)}.supportDesk .spTicketRow{border:0;border-bottom:1px solid var(--sp-line);color:var(--sp-ink);text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:11px;width:100%;padding:20px;display:flex}.supportDesk .spTicketRow:hover{background:#f1f6ff}.supportDesk .spTicketRow.spSelected{box-shadow:inset 3px 0 var(--sp-blue);background:#edf4ff}.spRow{align-items:center;gap:8px;display:flex}.spTicketNumber{letter-spacing:.02em;color:#67778c;font-size:11px;font-weight:600}.spTicketScope,.spTicketRow time{color:#758297;margin-left:auto;font-size:10px}.spUnreadDot{background:var(--sp-blue);border-radius:50%;width:6px;height:6px}.spBadge{color:#617186;white-space:nowrap;background:#f6f8fb;border:1px solid #dfe5ee;border-radius:5px;align-items:center;padding:3px 8px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.spBadge-open{color:#2361b8;background:#edf4ff;border-color:#d2e3ff}.spBadge-in_progress{color:#7951be;background:#f7f1ff;border-color:#e8dcfc}.spBadge-waiting_on_customer{color:#96671c;background:#fff9ec;border-color:#f8e9c5}.spBadge-resolved{color:#207455;background:#effaf5;border-color:#d1edde}.spBadge-closed{color:#68758a;background:#f2f4f7}.spConversation{background:#fff;min-width:0}.spConversationHeader{border-bottom:1px solid var(--sp-line);padding:28px 30px 24px}.spConversationHeader h2{margin:14px 0 8px;font-size:25px}.spConversationHeader p{font-size:11px;line-height:1.8}.spConversationHeader .spRow{flex-wrap:wrap}.spTicketControls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:20px;display:flex}.spTicketControls label{flex:1;gap:5px;min-width:130px;font-size:10px}.spTicketControls select{min-height:36px;padding:8px;font-size:11px}.spTicketControls .spButton{min-height:35px;padding:8px 12px;font-size:11px}.spMessages{flex-direction:column;gap:28px;padding:28px 30px 8px;display:flex}.spMessage{align-items:flex-start;gap:12px;display:flex}.spAvatar{color:#3b6dae;background:#edf3ff;border:1px solid #dbe5f6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.spMessageContent{flex:1;min-width:0}.spMessageMeta{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;font-size:12px;display:flex}.spMessageMeta time{color:#8b96a7;margin-left:auto;font-size:10px}.spMessageBody{white-space:pre-wrap;overflow-wrap:anywhere;color:#37465a;margin-top:7px;font-size:13px;line-height:1.9}.spMessage.spInternal{background:#fff9ec;border:1px solid #f2e6c7;border-radius:10px;padding:15px}.spInternal .spAvatar{color:#957027;background:#fff1cf;border-color:#edd8a4}.spReply{border:1px solid var(--sp-line);background:#fbfcfe;border-radius:10px;margin:22px 30px 28px;padding:22px}.spReply.spInternal{background:#fffbf1;border-color:#f0e4c7}.spReply label{margin-bottom:9px;font-size:12px}.spReply textarea{background:#fff;font-size:13px}.spReplyTabs{gap:20px;margin-bottom:14px;display:flex}.spReplyTabs button{padding-top:0;font-size:12px}.spReplyFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.supportDesk .spAttach{color:var(--sp-blue);cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin:0;display:flex;position:relative;overflow:hidden}.spAttach input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.spAttach .spSmall{color:#8692a4;white-space:nowrap;font-size:10px}.spReplyFooter .spButton{font-size:12px}.spSmall{font-size:11px;line-height:1.65}.spReply>.spSmall{color:#8b95a5;margin-top:16px;font-size:10px}.spFiles{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.spFiles li{border:1px solid var(--sp-line);color:#637a9a;background:#fff;border-radius:7px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.spFiles li>div{flex:1;min-width:0}.spFiles li strong,.spFiles li button{overflow-wrap:anywhere;font-size:12px}.spFiles small{font-size:10px}.spUploadProgress{margin-top:14px;font-size:11px}.spUploadProgress progress{width:100%;height:5px;accent-color:var(--sp-blue);margin:8px 0}.spBlank{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:560px;padding:60px;display:flex}.spBlank h2{font-size:24px}.spBlank p{max-width:330px;margin-bottom:10px;font-size:13px;line-height:1.8}.spMark{color:var(--sp-blue);background:#eef4ff;border:1px solid #d4e2fc;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.spMark svg{width:27px;height:27px}.spEmptyList{padding:30px 20px;font-size:12px;line-height:1.8}.supportDesk .spLoadMore{margin:20px auto;display:block}.spFooter{color:#8d97a6;align-items:center;gap:16px;min-height:110px;font-size:11px;display:flex}.spFooter>span{letter-spacing:-.06em;color:#8190a6;font-size:18px;font-weight:700}.spFooter>a{color:#6d7e95;margin-left:auto}.spFooter p{color:#8d97a6;font-size:11px}.supportDesk a.spButton{color:#fff;text-decoration:none}.spRecoveryLink{margin-top:18px;font-size:13px}.spContact{background:#fff}.spContact .spMain{max-width:1200px;padding:72px 40px 0}.spContact .spHeading{max-width:800px;margin:0 auto 32px}.spContact .spHeading h1{font-size:56px}.spContact .spHeading p{max-width:560px;line-height:1.7}.spFormCard{border:1px solid var(--sp-line);background:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:36px}.spFormCard>p{margin:12px 0 24px;font-size:13px;line-height:1.8}.spFormCard form{flex-direction:column;gap:22px;display:flex}.spFormGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.spOptional{border-top:1px solid var(--sp-line);color:var(--sp-muted);padding-top:18px;font-size:12px}.spOptional summary{cursor:pointer}.spOptional .spFormGrid{margin-top:18px}.spFormNote{color:#637da2;background:#f5f8fd;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.spFormNote p{font-size:11px;line-height:1.7}.spActions{align-items:center;gap:24px;display:flex}.spCaptcha{min-height:64px}.spLoading{color:var(--sp-muted);justify-content:center;align-items:center;gap:14px;padding:80px;font-size:13px;display:flex}.spSpinner{border:2px solid #d6e2f5;border-top-color:var(--sp-blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.spNotifications{border:1px solid var(--sp-line);z-index:60;background:#fff;border-radius:12px;width:min(380px,90vw);max-height:480px;padding:20px;position:absolute;top:74px;right:5vw;overflow:auto;box-shadow:0 14px 50px #132d5c20}.spNotifications h2{font-size:18px}.spNotifications>.spRow{justify-content:space-between;margin-bottom:14px}.supportDesk .spNotification{text-align:left;border:0;border-top:1px solid var(--sp-line);width:100%;color:var(--sp-muted);background:#fff;border-radius:0;padding:14px 4px;font-size:12px;display:block}.supportDesk .spNotification.spUnread{color:var(--sp-ink);background:#f6f9ff}.spNotification small{margin-top:5px;font-size:10px}.spGuestWorkspace{max-width:900px;min-height:0;margin:auto;display:block}.spGuestReceipt{background:#edf5ff;border:1px solid #c9dcfb;border-radius:8px;margin:24px 30px 0;padding:20px}.spGuestReceipt p{margin:8px 0 14px;font-size:12px}.spAudit{color:var(--sp-muted);padding:16px 30px;font-size:11px}.spAudit summary{cursor:pointer}.spAudit p{margin:8px 0}.spAccessGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.spAccessGrid .spFormCard{width:100%;max-width:none}.spContactList{margin:22px 0;padding:0;list-style:none}.spContactList li{border-bottom:1px solid var(--sp-line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:12px;display:flex}.spContactList li>div{min-width:0}.spSrOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1200px){.spTicketRows{max-height:800px;overflow-y:auto}}@media (max-width:1000px){.spMain{padding:36px 24px 0}.spWorkspace{grid-template-columns:280px minmax(0,1fr)}.spConversationHeader,.spMessages{padding:24px}.spReply{margin:10px 24px 24px;padding:18px}.spHeader{padding:0 24px}.spHeader nav{gap:16px}.spAccount{display:none}.spTicketControls label{min-width:100px}.spBlank{padding:30px}.spHeading h1{font-size:38px}}@media (max-width:720px){.spHeader{height:70px;padding:0 18px}.supportDesk .spBrand{font-size:25px}.spBrand span{margin-left:8px;font-size:11px}.spHeader nav>a{display:none}.spMain{padding:28px 16px 0}.spHeading{align-items:flex-start;gap:18px;margin-bottom:25px}.spHeading h1{font-size:32px}.spHeading p{max-width:230px;font-size:13px}.spHeading>.spButton{gap:0;min-width:42px;margin-top:28px;padding:10px;font-size:0}.spHeading>.spButton svg{width:20px}.spEyebrow{font-size:9px}.spWorkspace{background:0 0;border:0;grid-template-columns:1fr;gap:18px;overflow:visible}.spTicketList{border:1px solid var(--sp-line);border-radius:10px;overflow:hidden}.spTicketRows{max-height:260px;overflow-y:auto}.spTicketRow h3{font-size:14px}.supportDesk .spTicketRow{gap:8px;padding:15px 18px}.spConversation{border:1px solid var(--sp-line);border-radius:10px;overflow:hidden}.spConversationHeader{padding:20px}.spConversationHeader h2{font-size:23px}.spMessages{padding:20px 16px}.spMessage{gap:9px}.spAvatar{width:28px;height:28px}.spMessageMeta{font-size:11px}.spMessageMeta time{width:100%;margin-left:0;font-size:9px}.spMessageBody{font-size:12px}.spReply{margin:12px;padding:16px}.spReplyFooter .spButton{padding:10px 12px}.spAttach .spSmall{display:none}.spFormCard{padding:24px 20px}.spFormGrid{grid-template-columns:1fr;gap:20px}.spContact .spMain{padding:40px 20px 0}.spContact .spHeading{margin-bottom:28px}.spContact .spHeading h1{font-size:38px}.spTabs{gap:22px}.spTabs button{font-size:12px}.spFooter{flex-wrap:wrap;gap:10px;min-height:100px}.spFooter p{display:none}.spAlert{align-items:flex-start;font-size:12px}.spGuestReceipt{margin:16px}.spAccessGrid{grid-template-columns:1fr}.spBlank{min-height:340px}.spNotifications{top:63px;right:16px}}@media (prefers-reduced-motion:reduce){.spSpinner{animation:none}.supportDesk *{scroll-behavior:auto!important}}