/* The pin is separate from the navigation link so it also works with a keyboard. */
.customer-chat-nav{position:relative;display:flex;align-items:center;min-width:0}
.customer-chat-nav>a{flex:1;min-width:0;padding-right:40px!important}
html body[data-surface=customer] .customer-chat-pin{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:34px;padding:6px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;box-shadow:none}
.customer-chat-pin svg{width:17px;height:17px;transition:transform .2s}
html body[data-surface=customer] .customer-chat-pin:hover,html body[data-surface=customer] .customer-chat-pin[aria-pressed=true]{color:#f66b22;background:#ff6a181c}
.customer-chat-pin[aria-pressed=true] svg{transform:rotate(-30deg)}
.customer-chat-pin:focus-visible{outline:2px solid #f66b22;outline-offset:2px}
body[data-surface=customer] .customer-chat-dock{position:fixed;z-index:65;right:16px;top:94px;bottom:20px;width:480px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;overflow:hidden;background:var(--chat-shell);color:var(--chat-ink);border:1px solid var(--chat-line);border-radius:24px;box-shadow:0 20px 70px #0003}
.customer-chat-dock .support-dock-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:16px 18px;background:var(--chat-header);border-bottom:1px solid var(--chat-line)}
.customer-chat-dock .support-dock-heading>div:first-child{min-width:0}
.customer-chat-dock .support-dock-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin:5px 0}
.customer-chat-dock .support-dock-heading span{font-size:8px;letter-spacing:1.4px}
.customer-chat-dock .support-dock-heading small{font-size:10px}
.customer-chat-dock .support-dock-controls{display:flex;gap:6px}
.customer-chat-dock .support-dock-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--chat-line);border-radius:9px;background:var(--chat-selected);color:var(--chat-ink);font-size:20px;line-height:1;cursor:pointer}
.customer-chat-dock .support-dock-tools{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--chat-line);font-size:11px}
.customer-chat-dock .support-dock-tools a{color:var(--chat-muted);text-decoration:underline;text-underline-offset:3px}
.customer-chat-dock .support-dock-content{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}
.customer-chat-dock .support-dock-content>.support-chat-body{flex:1;min-height:0}
.customer-chat-dock .support-dock-list [data-chat-customers]{min-height:0;overflow:auto;flex:1;scrollbar-width:thin}
.customer-chat-dock .support-dock-list [data-chat-customer]{position:relative;display:block;width:100%;padding:12px 4px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--chat-muted);text-align:center;margin-bottom:6px;cursor:pointer}
.customer-chat-dock .support-dock-list [data-chat-customer][aria-pressed=true]{background:var(--chat-selected);border-color:var(--chat-line);color:var(--chat-ink)}
.customer-chat-dock .customer-dock-list-title{font-size:8px;letter-spacing:1px;color:var(--chat-muted);text-align:center;padding:8px 0}
.customer-chat-dock [hidden]{display:none!important}
body[data-surface=customer] .customer-chat-dock.is-minimized{top:auto;bottom:18px;height:auto;width:300px;border-radius:18px}
.customer-chat-dock.is-minimized .support-dock-heading{border:0;padding:12px 16px}
body.customer-chat-dock-pinned>.support-launcher{display:none}
html[data-theme=dark] .customer-chat-dock{--chat-shell:#1c242a;--chat-canvas:#131c26;--chat-rail:#111924;--chat-header:#111827;--chat-bubble:#111b29;--chat-line:#313c48;--chat-ink:#f1f3f7;--chat-muted:#9ca6b4;--chat-selected:#333d47;--chat-own:#30323a;--chat-own-line:#4c4540;--chat-focus:#ffa875;color-scheme:dark}
@media(min-width:1500px){body.has-customer-chat-dock .main-shell{margin-right:512px}body.has-customer-chat-dock .profile-luminous-heading{grid-template-columns:1fr!important}body.has-customer-chat-dock .profile-glass-stage{width:360px;max-width:100%;margin:auto}}
@media(max-width:700px){.customer-chat-nav{flex:0 0 auto}.customer-chat-nav>a{margin:0!important}body[data-surface=customer] .customer-chat-dock{top:76px;right:8px;bottom:8px;width:calc(100vw - 16px);max-width:none;border-radius:20px}.customer-chat-dock .support-dock-layout{grid-template-columns:65px minmax(0,1fr);gap:6px;padding:7px}.customer-chat-dock .support-dock-list{padding:6px 3px}.customer-chat-dock .support-dock-heading{padding:12px}.customer-chat-dock .support-dock-tools{font-size:10px}.customer-chat-dock .support-dock-list small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.customer-chat-pin svg{transition:none}}
html body[data-surface=customer] .customer-chat-dock .support-dock-list [data-chat-customer]{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:12px 4px}
.customer-chat-dock [data-chat-customer] .dock-uid{grid-row:1;color:inherit}
.customer-chat-dock [data-chat-customer] small{grid-row:2;max-width:100%;color:var(--chat-muted)}
.customer-chat-dock .support-dock-heading>div:first-child{display:block;margin:0;padding:0}
.customer-chat-dock .support-dock-heading>div:first-child :is(span,strong,small){display:block;line-height:1.5}