.support-admin-alert,.support-widget,.support-workspace{--sp-blue:#245cf0;--sp-line:#e8edf3;--sp-muted:#7b8798;color:#1d2939;font-family:inherit;font-size:14px;line-height:1.5}.support-widget button,.support-workspace button{font:inherit;cursor:pointer}.support-widget button:disabled,.support-workspace button:disabled{cursor:not-allowed;opacity:.45}.support-launcher{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom, 0px));z-index:220;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#245cf0;color:#fff;box-shadow:0 6px 24px #163b8b38,0 2px 6px #163b8b1a;touch-action:manipulation;transition:background .15s,box-shadow .15s}.support-launcher:hover{background:#194fe3;box-shadow:0 8px 28px #163b8b48}.support-launcher:focus-visible{outline:3px solid #93b4ff;outline-offset:4px}.support-launcher-online{position:absolute;top:1px;right:1px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#22c777;box-shadow:0 1px 5px #12684224}@media (hover:hover){.support-launcher:hover}.support-launcher:focus-visible .support-launcher b{position:absolute;left:-3px;top:-4px;min-width:21px;height:21px;padding:0 3px;border:2px solid white;border-radius:20px;background:#e5484d;font-size:11px;line-height:17px}.support-panel[hidden]{display:none}.support-panel{position:fixed;right:24px;bottom:24px;z-index:250;display:flex;flex-direction:column;width:380px;height:min(640px,calc(100dvh - 48px));border:1px solid #dfe6ef;border-radius:18px;background:white;box-shadow:0 18px 70px #11224224;overflow:hidden;animation:support-enter .18s ease-out}.support-panel-header{flex-shrink:0;min-height:78px;padding:15px 19px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sp-line);background:linear-gradient(110deg,#f6f9ff,#fff)}.support-panel-header strong{display:block;font-size:16px;margin-bottom:3px}.support-panel-header>.support-collapse{margin-left:auto;flex-shrink:0;border:1px solid #e5eaf2;background:#fff;color:#53627a;padding:0 10px;min-height:40px;display:inline-flex;align-items:center;gap:5px;border-radius:8px;font-size:12px}.support-panel-header>button:hover{background:#eef2f6}.support-brand-avatar{width:44px;height:44px;border:1px solid #e3eafb;background:white;border-radius:14px;display:grid;place-items:center}.support-brand-avatar img{width:27px;height:31px;object-fit:contain}.support-presence{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#7b8798;white-space:nowrap}.support-presence i{width:7px;height:7px;border-radius:50%;background:#98a2b3}.support-presence.online i{background:#17b26a;box-shadow:0 0 0 3px #17b26a12}.support-presence.away i{background:#f5a524}.support-thread{flex:1 1;display:flex;flex-direction:column;min-height:0;position:relative;background:#fff}.support-message-list{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 16px;scrollbar-width:thin}.support-message{display:flex;align-items:flex-start;gap:7px;margin:11px 0}.support-message.mine{justify-content:flex-end}.support-message-stack{max-width:85%;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.support-message.mine .support-message-stack{align-items:flex-end}.support-message-avatar{width:26px;height:26px;display:grid;place-items:center;background:#f3f6fb;border-radius:9px;flex:none;margin-top:2px;color:#8493a6}.support-message-avatar img{width:16px;height:20px;object-fit:contain}.support-bubble{padding:10px 13px;background:#f2f4f7;border-radius:4px 13px 13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.support-message.mine .support-bubble{background:var(--sp-blue);color:white;border-radius:13px 4px 13px 13px}.support-time{display:block;text-align:center;font-size:11px;color:#98a2b3;margin:16px 0}.support-author{font-size:11px;color:#8490a0;padding:0 2px}.support-delivery{display:flex;align-items:center;gap:3px;font-size:10px;color:#9ba4b2}.support-image{padding:0;background:#f3f5f8;border:1px solid var(--sp-line);border-radius:10px;overflow:hidden;line-height:0;max-width:100%}.support-image img{display:block;max-width:100%;max-height:250px;object-fit:contain}.support-order-card{display:flex;flex-direction:column;gap:4px;width:230px;max-width:100%;border:1px solid #e0e8f4;background:#fff;border-radius:10px;padding:12px;color:#344054;text-decoration:none;overflow-wrap:anywhere}.support-order-card>small{font-size:10px;color:var(--sp-blue)}.support-order-card>strong{font-size:13px}.support-order-card>span{font-family:monospace;font-size:10px;color:var(--sp-muted)}.support-order-card>b{font-size:13px;display:flex;justify-content:space-between;padding-top:6px}.support-order-card>b>span{font-size:11px;font-weight:400;color:var(--sp-blue)}.support-compose{border-top:1px solid var(--sp-line);padding:12px;background:#fff;flex:none}.support-compose-row{display:grid;grid-template-columns:40px minmax(0,1fr) 52px;grid-template-areas:"attach input send";align-items:end;grid-gap:8px;gap:8px}.support-compose textarea{grid-area:input;border:1px solid #e7ebf1;border-radius:12px;background:#f5f7fa;resize:none;width:100%;height:44px;min-height:44px;max-height:120px;outline:none;font:inherit;font-size:14px;line-height:24px;color:#1d2939;box-shadow:none;padding:9px 10px}.support-compose textarea:focus{border-color:#9db9ff;background:#fff}.support-compose textarea::placeholder{color:#929bab}.support-compose-toolbar{display:contents}.support-attach{grid-area:attach;display:grid;place-items:center;border:0;background:none;color:#667891;width:40px;height:44px;padding:0;border-radius:10px}.support-send{grid-area:send;width:52px;height:44px;background:var(--sp-blue);color:white;border:0;border-radius:12px;display:grid;place-items:center;padding:0;font-weight:600!important}.support-delivery.failed button{border:0;padding:4px 0;color:#b54708;background:none;font-size:12px}.support-delivery.sending{color:#8392ab}.support-compose-context{display:flex;justify-content:space-between;background:#eff5ff;color:#3464b0;font-size:12px;border-radius:7px;padding:7px 9px;margin-bottom:8px}.support-compose-context button{display:grid;place-items:center;border:0;background:none;color:inherit}.support-compose-images{display:flex;flex-wrap:wrap;gap:12px;margin:4px 2px 14px}.support-image-draft{position:relative;width:72px;height:72px;flex:none}.support-image-preview{display:block;width:100%;height:100%;padding:0;border:1px solid var(--sp-line);border-radius:9px;overflow:hidden;background:#f3f5f8;cursor:zoom-in!important}.support-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.support-image-progress,.support-image-retry{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:9px;background:#142641ad;color:#fff;font-size:10px!important;line-height:1.3;padding:3px}.support-image-progress{pointer-events:none}.support-image-retry strong{font-size:10px;font-weight:500}.support-image-remove{position:absolute;right:-7px;top:-7px;width:24px;height:24px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid var(--sp-line);border-radius:50%;color:#53627a;box-shadow:0 1px 5px #1122421a}.support-welcome{margin:30px auto 35px;text-align:center;max-width:260px}.support-welcome-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin:0 auto 15px;background:#eef4ff;color:var(--sp-blue)}.support-welcome strong{display:block;font-size:15px;font-weight:600}.support-welcome p{font-size:12px;line-height:1.8;color:#8994a5;margin:8px 0}.support-guest-tip{text-align:center;font-size:11px;padding:8px;border-bottom:1px solid #f1f3f7}.support-guest-tip a{color:#72819a;text-decoration:none}.support-offline-note{background:#fafbfc;color:#8893a3;font-size:11px;line-height:1.65;padding:8px 17px;border-bottom:1px solid #f0f3f7}.support-guest-banner{display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:11px;background:#eff5ff;color:#4c6390}.support-guest-banner span{flex:1 1}.support-guest-banner button{border:0;background:none;color:var(--sp-blue);padding:2px;font-size:12px;font-weight:600}.support-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:35px;color:#98a2b3;font-size:13px}.support-error{display:flex;align-items:center;gap:9px;margin:8px 12px;padding:9px 11px;border-radius:7px;background:#fff3f1;color:#b44638;font-size:12px;line-height:1.6}.support-error button{margin-left:auto;border:0;background:none;white-space:nowrap;color:#a93222;font-size:12px;font-weight:600}.support-connection-note{text-align:center;background:#fff9ec;color:#a08139;font-size:11px;padding:5px}.support-more{display:block;margin:0 auto 12px;font-size:11px;color:#7b8fac;border:0;background:none}.support-typing{display:flex;align-items:center;gap:3px;padding:8px;color:#95a0b0;font-size:11px}.support-typing i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9ba7b7;animation:support-pulse 1s infinite}.support-typing i:nth-child(2){animation-delay:.15s}.support-typing i:nth-child(3){animation-delay:.3s}.support-typing span{margin-left:5px}.support-lightbox{position:fixed;inset:0;background:#0c142bd9;z-index:10000;display:grid;place-items:center;padding:45px 20px}.support-lightbox>button{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:max(18px,env(safe-area-inset-top,0px));border:0;background:#ffffff1a;color:white;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.support-lightbox>img{max-width:100%;max-height:calc(100dvh - 90px);object-fit:contain}.support-spin{animation:support-spin .8s linear infinite}.support-readonly{text-align:center;color:#8c98a8;font-size:12px;padding:20px 0}.support-admin-alert{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;align-items:center;gap:8px;padding:11px 16px;background:#245cf0;color:white;box-shadow:0 5px 20px #245cf033;border-radius:12px;text-decoration:none;font-size:13px}.support-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.support-workspace-title h1{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0}.support-workspace-title p{font-size:13px;color:#8b95a5;margin:7px 0 0}.support-workspace-title>div:last-child{display:flex;align-items:center;gap:12px}.support-personal-label{color:#667085;font-size:12px}.support-availability-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;margin-bottom:16px;background:#fff;border:1px solid #e3e8ef;border-radius:10px;font-size:12px}.support-availability-current{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.support-availability-current>span:first-child{font-weight:600;color:#344054}.support-availability-current small{padding:3px 7px;background:#f1f4f8;color:#667085;border-radius:4px}.support-availability-bar p{flex:1 1;color:#667085;margin:0;line-height:1.7}.support-availability-bar .admin-button{flex-shrink:0;font-size:12px;min-height:36px;padding:7px 12px}.support-availability-modal{width:min(640px,100%)}.support-availability-modal>header{flex-shrink:0}.support-availability-modal .coupon-modal-body{flex:1 1;min-height:0}.support-mode-options{display:flex;padding:4px;gap:4px;background:#f1f4f8;border-radius:8px;margin-bottom:24px}.support-mode-options button{flex:1 1;border:0;background:transparent;padding:11px;border-radius:5px;font:inherit;font-size:14px;color:#667085;cursor:pointer}.support-mode-options button.active{color:#2459dd;background:#fff;box-shadow:0 1px 4px #18223012;font-weight:600}.support-periods{display:grid;grid-gap:16px;gap:16px}.support-period{display:grid;grid-template-columns:1fr 1fr 1.2fr 32px;align-items:end;grid-gap:12px;gap:12px}.support-manual-status,.support-period label{display:grid;grid-gap:8px;gap:8px;font-size:13px;color:#475467;min-width:0}.support-manual-status select,.support-period input,.support-period select{width:100%;min-width:0;height:42px;border:1px solid #d0d5dd;border-radius:6px;padding:8px 10px;font:inherit;font-size:14px;background:#fff;color:#1d2939}.support-period .admin-icon-button{height:42px}.support-periods>.admin-button{justify-self:start}.support-manual-status small,.support-periods small{color:#667085;font-size:12px;line-height:1.6}.support-availability-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px max(16px,env(safe-area-inset-bottom));border-top:1px solid #e3e8ef;flex-shrink:0}.support-availability-modal .support-error{margin-top:18px}@media (max-width:640px){.support-availability-modal>header{padding-top:calc(19px + env(safe-area-inset-top, 0px))}.support-availability-bar{gap:8px;padding:12px}.support-availability-bar p{order:3;flex-basis:100%;font-size:11px}.support-availability-bar>.admin-button{margin-left:auto}.support-availability-current{gap:6px}.support-period{grid-template-columns:1fr 1fr;padding-bottom:16px;border-bottom:1px solid #eef1f6}.support-period .admin-icon-button{justify-self:end}.support-manual-status select,.support-period input,.support-period select{font-size:16px}.support-availability-actions{padding-inline:18px}}.support-workspace select{border:1px solid var(--sp-line);border-radius:8px;background:white;padding:8px 10px;color:#475467;font:inherit;font-size:12px}.support-desk{height:calc(100dvh - 330px);min-height:360px;display:flex;background:white;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}.support-inbox{width:290px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--sp-line);background:#fcfdff}.support-inbox-tabs{display:flex;gap:3px;border-bottom:1px solid var(--sp-line);padding:11px 9px}.support-inbox-tabs button{padding:8px 6px;display:flex;align-items:center;justify-content:center;gap:4px;border:0;background:none;color:#7b8798;font-size:12px;border-radius:6px;flex:1 1;white-space:nowrap}.support-inbox-tabs button.active{background:#edf3ff;color:#245cf0;font-weight:600}.support-inbox-tabs small{font-size:10px;opacity:.8}.support-search{display:flex;align-items:center;gap:6px;margin:14px 12px 8px;border:1px solid #e5eaf2;background:white;border-radius:8px;padding:8px;color:#98a2b3}.support-search input{flex:1 1;min-width:0;width:0;font:inherit;font-size:12px;border:0;padding:0;outline:none;background:none;box-shadow:none}.support-search button{border:0;background:none;color:#6480b0;font-size:11px;padding:0}.support-unread-filter{display:flex;align-items:center;gap:6px;margin:0 14px 10px;font-size:11px;color:#8b96a7}.support-unread-filter input{width:13px;height:13px}.support-conversation-list{flex:1 1;overflow:auto}.support-inbox-item{display:flex;align-items:flex-start;gap:10px;width:100%;border:0;border-bottom:1px solid #f0f3f8;background:transparent;text-align:left;padding:15px 13px}.support-inbox-item.selected{background:#edf3ff;border-left:3px solid var(--sp-blue);padding-left:10px}.support-customer-avatar{width:35px;height:35px;flex:none;border-radius:11px;background:#eaf0f8;color:#7c90b1;display:grid;place-items:center}.support-inbox-copy{min-width:0;flex:1 1}.support-inbox-copy>strong{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:4px;overflow-wrap:anywhere;font-weight:600;color:#344054}.support-inbox-copy b{min-width:17px;height:17px;padding:0 4px;text-align:center;border-radius:10px;background:#245cf0;color:white;font-size:10px;line-height:17px}.support-inbox-copy>span{display:block;font-size:11px;color:#8290a2;margin-top:4px}.support-inbox-copy time{display:block;font-size:10px;color:#a2abba;margin-top:5px}.support-inbox-empty{text-align:center;padding:50px 15px;color:#adb8c8;font-size:12px}.support-inbox-empty svg{margin:auto}.support-inbox-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--sp-line);font-size:11px;color:#98a2b3}.support-inbox-pagination button{border:0;background:none;padding:4px;font-size:11px;color:#7188ac}.support-desk-chat{flex:1 1;min-width:0;display:flex;flex-direction:column}.support-chat-toolbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--sp-line);min-height:75px}.support-chat-toolbar>div:first-of-type{min-width:0;flex:1 1}.support-chat-toolbar strong{font-size:14px;overflow-wrap:anywhere}.support-chat-toolbar small{display:block;font-size:11px;color:#98a2b3;margin-top:3px}.support-chat-actions{display:flex;gap:6px}.support-chat-actions .admin-button{font-size:12px;padding:7px 12px;min-height:32px}.support-desk-empty{margin:auto;padding:30px;text-align:center;color:#a4b0c3}.support-desk-empty svg{margin:auto}.support-desk-empty h2{font-size:17px;color:#627087;margin:15px 0 7px}.support-desk-empty p{font-size:13px;margin:0 0 16px}.support-customer-details{width:225px;flex:none;border-left:1px solid var(--sp-line);background:#fcfdff;padding:18px 16px;overflow:auto}.support-customer-details h3{font-size:12px;color:#8390a3;margin:0 0 20px;font-weight:500}.support-detail-avatar{color:#8fa0b9;margin-bottom:10px}.support-customer-details>strong{font-size:14px;display:block;overflow-wrap:anywhere}.support-customer-details>p{color:#8290a2;font-size:11px;overflow-wrap:anywhere;margin:5px 0 24px}.support-customer-details dl{font-size:11px;margin:0}.support-customer-details dt{color:#9ba5b4;margin:15px 0 4px}.support-customer-details dd{margin:0;color:#66758b;overflow-wrap:anywhere}.support-customer-details .admin-button{font-size:12px;min-height:32px;padding:6px 10px;margin-top:18px}.support-transfer{margin-top:24px;padding-top:18px;border-top:1px solid var(--sp-line);display:flex;flex-direction:column;gap:8px}.support-transfer label{font-size:11px;color:#8d99aa}.support-transfer .admin-button{margin:0}.support-record-note{display:block;margin-top:25px;color:#a2abba;font-size:10px;line-height:1.8}.support-mobile-back{display:none}.support-workspace .support-message-list{padding:18px 24px}.support-workspace .support-compose{padding:15px 20px}.support-workspace .support-message-stack{max-width:78%}@keyframes support-spin{to{transform:rotate(1turn)}}@keyframes support-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes support-pulse{50%{opacity:.3}}@media (max-width:1250px){.support-customer-details{display:none}.support-inbox{width:265px}}@media (max-width:700px){.support-launcher{right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom, 0px));width:56px;height:56px}.support-panel{inset:var(--support-viewport-top,0) 0 auto;border:0;border-radius:0;width:100%;height:var(--support-viewport-height,100dvh);z-index:1500;animation:none}.support-panel-header{padding-top:calc(14px + env(safe-area-inset-top));min-height:72px}.support-compose{padding:12px max(12px,env(safe-area-inset-right,0px)) var(--support-bottom-space,calc(16px + env(safe-area-inset-bottom, 0px))) max(12px,env(safe-area-inset-left,0px))}.support-compose textarea{font-size:16px}.support-message-stack{max-width:83%}.support-workspace-title{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:13px}.support-workspace-title h1{font-size:22px}.support-workspace-title p{font-size:11px}.support-workspace-title>div:last-child{gap:8px}.support-workspace-title>div:last-child>.support-presence{display:none}.support-desk{height:calc(100dvh - 220px);min-height:360px;display:block;position:relative}.support-inbox{width:100%;height:100%;border:0}.support-desk-chat{display:none;height:100%}.support-desk.has-selection{position:fixed;inset:var(--support-viewport-top,0) 0 auto;z-index:1100;height:var(--support-viewport-height,100dvh);min-height:0;border:0;border-radius:0}.support-desk.has-selection .support-inbox{display:none}.support-desk.has-selection .support-desk-chat{display:flex}.support-mobile-back{display:grid;place-items:center;border:0;background:none;padding:5px;color:#7b8ba2}.support-chat-toolbar{padding:10px;min-height:65px}.support-chat-toolbar strong{font-size:12px}.support-chat-actions .admin-button{padding:6px 9px;white-space:nowrap}.support-workspace .support-message-list{padding:12px}.support-workspace .support-compose{padding:12px 12px var(--support-bottom-space,calc(16px + env(safe-area-inset-bottom, 0px)))}.support-admin-alert{right:14px;bottom:14px;font-size:12px;padding:9px 12px}}@media (prefers-reduced-motion:reduce){.support-launcher,.support-panel,.support-typing i{animation:none;transition:none}}.support-mobile-transfer{display:none}@media (max-width:700px){.support-mobile-transfer{display:block;position:relative;font-size:12px;margin-left:auto}.support-mobile-transfer summary{cursor:pointer;padding:7px}.support-mobile-transfer>div{position:absolute;z-index:5;top:36px;right:0;width:210px;padding:12px;background:white;border:1px solid #e3e8ef;box-shadow:0 8px 25px #162b5114;border-radius:8px}.support-mobile-transfer select{width:100%;padding:8px;background:white;border:1px solid #e3e8ef;border-radius:5px}.support-mobile-transfer button{width:100%;margin-top:8px;padding:8px;border:0;background:#245cf0;color:white;border-radius:5px}.support-mobile-transfer button:disabled{opacity:.45}}