/* The support surface uses the same right drawer geometry as product search. */
#contactDockPanel.gcf-support-dialog{position:fixed;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--compact-ink,#243240);overflow:hidden;box-shadow:none;animation:none;font-family:var(--font-ui,system-ui,sans-serif)}
#contactDockPanel:not([open]){display:none!important}
#contactDockPanel::backdrop{background:#12233480;animation:gcf-backdrop-in .28s ease both}
.gcf-support-stage{position:absolute;right:0;bottom:var(--mobile-viewport-bottom,0px);width:min(420px,calc(100% - 44px));height:var(--mobile-viewport-height,100dvh);max-height:100%;isolation:isolate}
#contactDockPanel[open] .gcf-support-stage{animation:gcf-support-enter .36s cubic-bezier(.22,1,.36,1) both}
#contactDockPanel.is-closing .gcf-support-stage{animation:gcf-support-exit .23s cubic-bezier(.4,0,1,1) both}
#contactDockPanel.is-closing::backdrop{animation:gcf-backdrop-out .23s ease both}
.gcf-support-surface{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-left:1px solid var(--compact-line,#e0eaf2);background:var(--compact-surface,#fff);box-shadow:-12px 0 40px #0e2b4d1f}
.gcf-support-dialog *{box-sizing:border-box}
.gcf-support-dialog [hidden],.contact-image-icon [hidden]{display:none!important}
#contactDockPanel .gcf-panel-close{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:-22px;width:44px;height:44px;padding:12px;border-radius:50%;z-index:2;box-shadow:0 4px 18px #18354b16}
#contactDockPanel .gcf-panel-close>.ui-symbol{width:18px;height:18px}
#contactDockPanel .gcf-panel-header{min-height:86px;gap:11px;padding:calc(21px + env(safe-area-inset-top,0px)) 24px 18px 30px;background:var(--compact-surface,#fff)}
#contactDockPanel .gcf-panel-brand{width:40px;height:40px;border-radius:14px}
#contactDockPanel .gcf-panel-header h2{margin:0;color:var(--compact-ink,#243240);font-size:15px;font-weight:750;line-height:1.5}
#contactDockPanel .gcf-panel-header small{font-size:9px;letter-spacing:1.1px}
/* Only the wrapper draws the search field, including keyboard focus. Layered
   resets prevent legacy input borders, glows and focus rings from stacking. */
@layer support-search {
 #contactDockPanel .gcf-support-search{display:flex;align-items:center;gap:10px;flex:none;min-height:44px;margin:14px 18px 0;padding:0 13px;border:1px solid var(--compact-line,#e0e8ef)!important;border-radius:14px!important;color:var(--compact-muted,#718398);background:var(--compact-soft,#f6f8fb)!important;outline:0!important;box-shadow:none!important;transition:border-color .18s,background-color .18s}
 #contactDockPanel .gcf-support-search>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px}
 #contactDockPanel .gcf-support-search>span>.ui-symbol{display:block;width:18px;height:18px}
 #contactDockPanel .gcf-support-search:focus-within{border-color:var(--compact-blue,#0b9dd8)!important;color:var(--compact-blue,#0b9dd8);background:var(--compact-surface,#fff)!important}
 #contactDockPanel #contactSupportSearch{flex:1;width:100%;min-width:0;min-height:42px;height:42px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;outline-offset:0!important;background:transparent!important;color:var(--compact-ink,#243240);font-family:inherit;font-size:16px!important;font-weight:400;line-height:1.5;box-shadow:none!important;appearance:none;-webkit-appearance:none}
 #contactDockPanel #contactSupportSearch::placeholder{font-size:14px;color:var(--compact-muted,#718398);opacity:1}
 #contactSupportSearch::-webkit-search-decoration{-webkit-appearance:none}
 @media(prefers-reduced-motion:reduce){#contactDockPanel .gcf-support-search{transition:none}}
}
#contactDockPanel .gcf-panel-body{flex:1;min-height:0;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 20px;overflow-x:hidden}
#contactDockPanel .gcf-links{gap:0}
html.site-pearl body.public-ui #contactDockPanel .gcf-links>a{min-height:78px!important;padding:15px 2px!important;border:0!important;border-bottom:1px solid var(--compact-line,#e8edf2)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:13px}
html.site-pearl body.public-ui #contactDockPanel .gcf-links>a:last-child{border-bottom:0!important}
html.site-pearl body.public-ui #contactDockPanel .gcf-links>a>.gcf-channel-icon{width:44px;height:44px;border-radius:14px}
#contactDockPanel .gcf-channel-copy>strong{font-size:12px;font-weight:650;line-height:1.5}
#contactDockPanel .gcf-channel-copy>small{font-size:11px;line-height:1.7}
.gcf-support-label{display:flex;align-items:center;gap:8px;margin:23px 0 2px;color:var(--compact-muted,#7d8b9a);font:650 10px/1.5 system-ui,sans-serif;letter-spacing:1px}
.gcf-support-label [data-contact-channel-count]{min-width:18px;padding:1px 5px;border-radius:6px;background:var(--compact-tint,#eff8ff);color:var(--compact-blue,#129ed2);font-size:10px;letter-spacing:0;text-align:center}
#contactDockPanel .gcf-web-chat{min-height:84px;gap:14px;margin-bottom:0;padding:16px 13px;border-color:#cddffb;border-radius:16px;background:linear-gradient(115deg,var(--compact-tint,#eff8ff),var(--compact-surface,#fff));overflow:visible}
.gcf-live-art{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;isolation:isolate}
.gcf-live-art>.gcf-channel-icon{position:relative;z-index:1;width:42px;height:42px;border-color:#779ff34d;border-radius:14px;background:linear-gradient(145deg,#ecf7ff,#ecebff);color:#536ce3;box-shadow:0 4px 14px #546ae21c}
.gcf-live-art>.gcf-channel-icon::after{content:'';position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid var(--compact-surface,#fff);border-radius:50%;background:#28cda0}
.gcf-live-orbit{position:absolute;inset:-5px;border:1px dashed #89a5f66b;border-radius:18px;animation:gcf-live-orbit 14s linear infinite}
.gcf-live-particles{position:absolute;inset:-8px;pointer-events:none}
.gcf-live-particles>i{position:absolute;width:4px;height:4px;border-radius:50%;left:calc(8% + var(--particle)*13%);top:calc(10% + var(--particle)*11%);background:#7f91f4;box-shadow:0 0 6px #8c8af44d;animation:gcf-live-particle 3.8s ease-in-out calc(var(--particle)*-.47s) infinite}
.gcf-live-particles>i:nth-child(2n){background:#3cbee9;top:80%}.gcf-live-particles>i:nth-child(3n){width:3px;height:3px;top:4%;background:#b08ff3}
.gcf-support-empty{padding:24px 12px;text-align:center;font-size:12px;line-height:1.8;color:var(--compact-muted,#7d8b9a)}
html.site-pearl body.public-ui #contactDockPanel .gcf-panel-footer{flex:none;min-height:62px;margin:0!important;padding:15px 20px!important;border-top:1px solid var(--compact-line,#e8edf2);background:var(--compact-surface,#fff);font-size:12px}
.gcf-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-image-icon{display:inline-grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:inherit}
.contact-image-icon>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:3px;border-radius:inherit}.contact-image-fallback{display:grid;place-items:center;width:100%;height:100%}
.ct2-ch-icon>.contact-image-icon{width:100%;height:100%}.ct2-ch-badge>.contact-image-icon{width:28px;height:28px;flex:none}.sf3-socials .contact-image-icon{width:20px;height:20px}.sf3-socials .contact-image-icon>img{padding:0}
html.site-dark .gcf-live-art>.gcf-channel-icon{background:linear-gradient(145deg,#233c5a,#33355c);color:#a8c6ff}html.site-dark #contactDockPanel::backdrop{background:#0009}
html.perf-background .gcf-live-art *,#contactDockPanel.is-closing .gcf-live-art *{animation-play-state:paused!important}
@media(hover:hover){html.site-pearl body.public-ui #contactDockPanel .gcf-links>a:hover{background:var(--compact-tint,#eff8ff)!important}.gcf-web-chat:hover .gcf-live-art>.gcf-channel-icon{box-shadow:0 4px 20px #546ae238}}
@keyframes gcf-support-enter{from{transform:translateX(100%)}to{transform:none}}@keyframes gcf-support-exit{to{transform:translateX(100%)}}@keyframes gcf-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes gcf-backdrop-out{to{opacity:0}}
@keyframes gcf-live-orbit{to{transform:rotate(360deg)}}@keyframes gcf-live-particle{0%,100%{opacity:.15;transform:translate(0,4px) scale(.7)}50%{opacity:.85;transform:translate(3px,-7px) scale(1)}}
@media(max-width:380px){#contactDockPanel .gcf-panel-brand{display:none}#contactDockPanel .gcf-panel-header{padding-left:30px}#contactDockPanel .gcf-panel-body{padding-inline:14px}.gcf-support-search{margin-inline:14px}#contactDockPanel .gcf-channel-copy>strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){#contactDockPanel .gcf-support-stage,#contactDockPanel::backdrop,.gcf-live-art *{animation:none!important}}
