.chat-header-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--color-primary);font-weight:600;text-decoration:none;white-space:nowrap}.internal-chat{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(740px,calc(100dvh - 180px));min-height:450px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;margin-bottom:24px}.chat-sidebar{min-width:0;background:var(--color-primary-soft);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.chat-list-heading{padding:28px 24px 20px}.chat-list-heading h1{font-size:24px;margin:0 0 8px}.chat-list-heading p{font-size:14px;color:var(--color-muted);margin:0 0 24px}.chat-list-heading input{width:100%;min-height:44px;font-size:16px;border:1px solid var(--color-input-border);border-radius:12px;padding:10px 12px}.chat-people{overflow:auto;min-height:0;padding:0 12px 12px}.chat-person{display:flex;gap:12px;align-items:center;width:100%;padding:16px 12px;min-height:76px;background:transparent;border:0;border-radius:12px;text-align:left;color:var(--color-text);cursor:pointer}.chat-person:hover,.chat-person.selected{background:#e0e9df}.chat-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:14px;font-weight:700}.chat-avatar.is-online:after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid white;background:#369b59;border-radius:50%}.chat-person-text{min-width:0;flex:1}.chat-person strong{display:block;overflow-wrap:anywhere;font-size:14px}.chat-person small,.chat-thread-header small{display:block;margin-top:5px;font-size:12px;color:#67766b}.chat-unread{background:var(--color-primary);color:var(--color-surface);padding:4px 7px;border-radius:20px;font-size:12px}.chat-thread{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--color-surface),var(--color-header))}.chat-thread-header{display:flex;align-items:center;gap:12px;padding:20px 28px;min-height:86px;border-bottom:1px solid var(--color-border);background:#fff}.chat-messages{flex:1;min-height:0;overflow:auto;padding:24px 28px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.chat-message{align-self:flex-start;max-width:80%;padding:14px 18px;border-radius:4px 20px 20px;background:var(--color-primary-soft);color:var(--color-text);box-shadow:0 4px 14px #31533f08;overflow-wrap:anywhere}.chat-message.own{align-self:flex-end;background:var(--color-primary);color:white;border-radius:20px 4px 20px 20px}.chat-message p{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.55}.chat-message time{display:block;font-size:10px;opacity:.7;margin-top:8px}.chat-status{font-size:13px;color:var(--color-muted);padding:0 24px;overflow-wrap:anywhere}.chat-compose{display:flex;gap:12px;align-items:flex-end;padding:20px 24px;background:var(--color-surface);border-top:1px solid #e7ede6}.chat-compose textarea{flex:1;min-width:0;resize:vertical;max-height:160px;border:1px solid var(--color-input-border);border-radius:16px;padding:12px 16px;font-size:16px}.chat-compose button{min-height:48px}.chat-back{display:none}.chat-thread>button{align-self:center;min-height:44px;margin-top:8px}
@media(max-width:700px){.internal-chat{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 260px);min-height:320px;border-radius:16px}.chat-thread{display:none}.internal-chat.chat-open .chat-sidebar{display:none}.internal-chat.chat-open .chat-thread{display:flex}.chat-back{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--color-primary-soft);font-size:28px;width:44px;height:44px;border-radius:50%;flex-shrink:0}.chat-thread-header{padding:14px 12px;min-height:76px}.chat-thread-header>div{min-width:0;overflow-wrap:anywhere}.chat-messages{padding:20px 14px}.chat-message{max-width:88%;padding:12px 14px}.chat-compose{padding:12px;gap:8px}.chat-compose button{padding:10px 14px}.chat-list-heading{padding:24px}.chat-header-link{font-size:13px;padding:8px}.chat-status{padding:0 14px}}

.internal-chat .chat-compose textarea{min-height:48px;height:48px;font-family:inherit;line-height:1.5}.internal-chat .chat-compose button{border:0;border-radius:50%;width:48px;height:48px;padding:0;background:var(--color-primary);color:var(--color-surface);font:inherit;font-size:14px;flex-shrink:0}.internal-chat .chat-compose button:hover{background:var(--color-primary-hover)}.internal-chat .chat-compose button:disabled{opacity:.6;cursor:wait}.chat-header-link{color:var(--color-primary)}

.chat-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-header strong{overflow-wrap:anywhere}

/* Keep both columns inside the fixed chat region even with a long directory. */
.internal-chat{grid-template-rows:minmax(0,1fr)}.chat-sidebar{min-height:0}.chat-thread{overflow:hidden}.chat-thread-header,.chat-compose,.chat-status,.chat-thread>button{flex-shrink:0}

/* Sticker picker and shared lossless sprite; no per-message image uploads. */
.chat-thread{position:relative}.chat-sticker-panel{position:absolute;z-index:4;left:16px;bottom:92px;width:min(380px,calc(100% - 32px));max-height:min(400px,70%);overflow:auto;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:0 12px 36px #203b3320}.chat-sticker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chat-sticker-close{width:44px;min-height:44px;border:0;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:24px}.chat-sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chat-sticker-choice{min-width:0;min-height:44px;padding:0;border:1px solid transparent;border-radius:12px;background:var(--color-primary-soft);cursor:pointer}.chat-sticker-choice:hover{border-color:var(--color-primary)}.chat-sticker-art{display:block;aspect-ratio:1;width:100%;background-size:400% 300%;background-repeat:no-repeat}.chat-sticker-message{background:transparent!important;box-shadow:none;padding:0;max-width:80%;width:168px;color:var(--color-text)!important}.chat-sticker-message time{text-align:center}.internal-chat .chat-compose .chat-sticker-toggle{background:var(--color-primary-soft);color:var(--color-primary);font-size:28px}.internal-chat .chat-compose .chat-sticker-toggle[aria-expanded=true]{outline:2px solid var(--color-primary)}
@media(max-width:700px){.chat-sticker-panel{left:8px;width:calc(100% - 16px);bottom:80px;padding:12px}.chat-sticker-grid{gap:4px}.chat-sticker-message{width:152px}.internal-chat .chat-compose .chat-sticker-toggle{width:44px;height:48px}.chat-compose{gap:6px}}

.internal-chat-page .internal-chat .chat-compose button.chat-sticker-toggle{min-width:44px;width:44px;padding:0;background:var(--color-primary-soft);color:var(--color-primary);font-size:28px}.internal-chat-page .internal-chat .chat-compose button.chat-sticker-toggle:hover{background:var(--color-border);color:var(--color-primary)}.internal-chat-page .chat-message.chat-sticker-message{padding:0;background:transparent;box-shadow:none;flex-shrink:0}.chat-sticker-panel{bottom:calc(var(--chat-compose-height,80px) + 8px);max-height:calc(100% - var(--chat-compose-height,80px) - 100px)}

.chat-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-avatar-initials{display:inline-flex;align-items:center;justify-content:center}.chat-avatar img{position:absolute;inset:0}.chat-avatar.is-online:after{z-index:1}

.chat-dock-launcher{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:0;border-radius:28px;background:var(--color-primary);color:#fff;font:inherit;font-size:14px;box-shadow:0 8px 28px #173c3026;cursor:pointer}.chat-dock-badge,.chat-dock-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:12px;font-size:11px;font-weight:700;background:#fff;color:var(--color-primary)}.chat-dock-badge[hidden],.chat-dock [hidden]{display:none!important}.chat-dock{position:fixed;right:24px;bottom:84px;z-index:95;width:min(390px,calc(100vw - 32px));height:min(560px,calc(100dvh - 116px));display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;background:var(--color-surface,#fff);box-shadow:0 16px 64px #173c3030;color:var(--color-text)}.chat-dock[hidden]{display:none}.chat-dock-heading{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-primary-soft)}.chat-dock-heading>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat-dock-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:24px;text-decoration:none;cursor:pointer}.chat-dock-icon:hover{background:#173c3010}.chat-dock>input{margin:12px;width:calc(100% - 24px);min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:12px;font-size:16px}.chat-dock-people{flex:1;overflow:auto;padding:0 8px 8px;min-height:0}.chat-dock-person{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:12px;background:transparent;text-align:left;color:inherit;font:inherit;min-height:64px;cursor:pointer}.chat-dock-person:hover{background:var(--color-primary-soft)}.chat-dock-person>span:first-child{display:grid;gap:5px;flex:1;min-width:0}.chat-dock-person strong{font-size:13px}.chat-dock-person small{font-size:12px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dock-count{background:var(--color-primary-soft)}.chat-dock-thread{display:flex;flex-direction:column;flex:1;min-height:0}.chat-dock-messages{flex:1;overflow:auto;min-height:0;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.chat-dock-message{flex-shrink:0;align-self:flex-start;max-width:86%;padding:10px 12px;border-radius:14px 14px 14px 3px;background:var(--color-primary-soft);overflow-wrap:anywhere}.chat-dock-message.own{align-self:flex-end;background:var(--color-primary);color:#fff;border-radius:14px 14px 3px 14px}.chat-dock-message p{font-size:14px;line-height:1.55;white-space:pre-wrap;margin:0}.chat-dock-message time{display:block;font-size:10px;opacity:.65;margin-top:5px}.chat-dock-message.sticker{width:140px;background:transparent!important;padding:0;color:var(--color-muted)}.chat-dock-compose{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--color-border);margin:0}.chat-dock-compose textarea{flex:1;min-width:0;min-height:48px;max-height:120px;resize:vertical;border:1px solid var(--color-border);border-radius:12px;padding:10px;font:inherit;font-size:16px}.chat-dock-compose button{min-height:48px;padding:10px 16px;background:var(--color-primary);border:0;border-radius:12px;color:#fff;font:inherit;cursor:pointer}.chat-dock-status{font-size:12px;line-height:1.5;margin:0;padding:0 12px;color:var(--color-muted)}.chat-dock-status:empty{display:none}.chat-dock-older{align-self:center;border:0;background:transparent;color:var(--color-primary);min-height:44px;font:inherit;font-size:12px;cursor:pointer}.chat-message-toasts{position:fixed;right:24px;bottom:88px;z-index:100;display:grid;gap:10px;width:min(350px,calc(100vw - 32px));pointer-events:none}.chat-dock:not([hidden])~.chat-message-toasts{bottom:calc(min(560px,100dvh - 116px) + 96px)}.chat-message-toast{display:flex;align-items:flex-start;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 36px #173c3026;pointer-events:auto;animation:chat-toast-in .25s ease-out}.chat-message-toast-open{display:grid;gap:5px;min-width:0;flex:1;padding:16px;border:0;background:transparent;text-align:left;font:inherit;color:var(--color-text);cursor:pointer}.chat-message-toast-open small{font-size:11px;color:var(--color-primary)}.chat-message-toast-open strong{font-size:14px}.chat-message-toast-open span{font-size:13px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@keyframes chat-toast-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chat-message-toast{animation:none}}@media(max-width:650px){.chat-dock{right:12px;bottom:76px;width:calc(100vw - 24px);height:min(540px,calc(100dvh - 100px))}.chat-dock-launcher{right:12px;bottom:16px}.chat-message-toasts{right:12px;bottom:76px}.chat-dock:not([hidden])~.chat-message-toasts{bottom:auto;top:12px}}

body .chat-dock .chat-dock-compose textarea{height:64px;min-height:48px;max-height:120px}body .chat-dock .chat-dock-compose{display:flex;gap:8px;margin:0;min-height:0}body .chat-dock .chat-dock-compose button{flex:0 0 auto;min-width:54px;width:auto;padding:10px 12px}

@media(max-width:650px){.chat-dock{width:calc(100% - 24px)}.chat-message-toasts{max-width:calc(100% - 24px)}}
/* One presentation for the existing chat launcher. Speech never captures clicks. */
.chat-dock-launcher.has-chat-mascot{isolation:isolate;bottom:calc(24px + env(safe-area-inset-bottom,0px));min-width:132px;justify-content:center;padding:12px 18px;overflow:visible}
.chat-mascot-art{position:absolute;right:8px;bottom:calc(100% - 5px);width:var(--chat-mascot-desktop,76px);height:var(--chat-mascot-desktop,76px);transform-origin:50% 100%;pointer-events:auto}
.chat-mascot-art img{display:block;width:100%;height:100%;object-fit:contain}.chat-mascot-art img[hidden]{display:none}
.chat-mascot-speech{position:absolute;right:calc(var(--chat-mascot-desktop,76px) + 6px);bottom:calc(100% + 10px);width:190px;max-width:calc(100vw - 124px);padding:12px 16px;border:1px solid #d8e1d1;border-radius:18px 18px 4px 18px;background:#fffef4;color:#23442e;box-shadow:0 6px 24px #173c3014;font-size:14px;line-height:1.5;text-align:left;font-weight:600;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease;visibility:hidden}
.chat-mascot-speech span{display:block}.mascot-speaking .chat-mascot-speech{opacity:1;transform:translateY(0);visibility:visible}
@media(hover:hover) and (pointer:fine){.has-chat-mascot:not(.mascot-chat-open):is(:hover,:focus-visible) .chat-mascot-speech{opacity:1;transform:none;visibility:visible}}
.has-chat-mascot:focus-visible{outline:3px solid var(--color-focus,#5a7554);outline-offset:5px}
.has-chat-mascot:is([data-mascot-state=loading],[data-mascot-state=unavailable]) :is(.chat-mascot-art,.chat-mascot-speech),.mascot-chat-open :is(.chat-mascot-art,.chat-mascot-speech){display:none}
.mascot-notice .chat-mascot-art{animation:chat-mascot-hello .72s ease-in-out 1}
@keyframes chat-mascot-hello{0%,100%{transform:translateY(0) rotate(0)}25%,65%{transform:translateY(-7px) rotate(-5deg)}45%,85%{transform:translateY(0) rotate(4deg)}}
.chat-dock-launcher .chat-dock-badge{position:absolute;right:-5px;top:-6px;min-width:24px;height:24px;padding:0 5px;border:2px solid #fff;background:#af3e30;color:#fff;font-size:11px;line-height:1}
.chat-dock{bottom:calc(84px + env(safe-area-inset-bottom,0px) + var(--chat-keyboard-inset,0px));height:min(560px,calc(var(--chat-visual-height,100dvh) - 116px));max-height:calc(var(--chat-visual-height,100dvh) - 32px)}
.chat-message-toasts{bottom:calc(162px + env(safe-area-inset-bottom,0px))}.chat-dock:not([hidden])~.chat-message-toasts{bottom:calc(min(560px,100dvh - 116px) + 100px);max-height:calc(100dvh - 120px);overflow:auto}
.chat-keyboard-away{visibility:hidden;pointer-events:none}
@media(max-width:650px){.chat-dock-launcher.has-chat-mascot{right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));min-width:114px;min-height:46px;padding:10px 15px;font-size:13px}.chat-mascot-art{width:var(--chat-mascot-mobile,52px);height:var(--chat-mascot-mobile,52px);right:5px}.chat-mascot-speech{right:calc(var(--chat-mascot-mobile,52px) + 5px);width:180px;max-width:calc(100vw - 94px);padding:10px 14px;font-size:13px;bottom:calc(100% + 5px)}.chat-dock{bottom:calc(76px + env(safe-area-inset-bottom,0px) + var(--chat-keyboard-inset,0px));height:min(540px,calc(var(--chat-visual-height,100dvh) - 100px))}.chat-message-toasts{bottom:calc(132px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 160px);overflow:auto}.chat-dock:not([hidden])~.chat-message-toasts{bottom:auto;top:calc(8px + env(safe-area-inset-top,0px));max-height:110px}}
@media(max-height:420px){.chat-dock{bottom:calc(8px + env(safe-area-inset-bottom,0px) + var(--chat-keyboard-inset,0px));height:calc(var(--chat-visual-height,100dvh) - 16px)}.mascot-chat-open{visibility:hidden}.chat-dock:not([hidden])~.chat-message-toasts{display:none}}
@media(prefers-reduced-motion:reduce){.mascot-notice .chat-mascot-art{animation:none}.chat-mascot-speech{transition:none}}
/* Shared inbox: explicit customer/internal identities, compact filters and sticker tray. */
.mocan-chat-client .chat-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.chat-source-button{min-height:44px;padding:8px;border:1px solid var(--color-border);border-radius:10px;font:inherit;font-size:12px;font-weight:600;background:#fff;color:var(--color-text);cursor:pointer}.chat-source-button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:white}.chat-support-settings{display:inline-flex;margin-bottom:12px;font-size:12px;color:var(--color-primary);min-height:32px;align-items:center}.mocan-chat-client .chat-list-heading{padding:16px 12px 12px}.mocan-chat-client .chat-list-heading input{margin:0;width:100%;min-height:44px}.mocan-chat-client .chat-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mocan-chat-client .chat-filter{min-height:36px;padding:6px 10px;font-size:11px}.chat-quick-sidebar{display:flex;flex-direction:column;min-height:0;flex:1}.chat-quick-sidebar[hidden]{display:none!important}.chat-quick-sidebar .chat-people{flex:1}.mocan-chat-client .chat-person{min-height:72px;padding:10px 8px}.mocan-chat-client .chat-assignee{color:#89622d;font-size:11px}.mocan-chat-client .chat-kind{display:block;color:var(--color-primary);font-size:9px;letter-spacing:.8px;font-weight:700;margin-bottom:4px}.chat-customer-source .chat-kind{color:#89622d}.mocan-chat-client .chat-thread-header{padding:12px;min-height:68px;flex-wrap:wrap}.mocan-chat-client .chat-thread-header>div{flex:1;min-width:0}.mocan-chat-client .chat-thread-header strong{display:block;overflow-wrap:anywhere}.mocan-chat-client .chat-thread-header small{font-size:11px;line-height:1.4}.chat-customer-source .chat-thread-header{background:#faf7f0}.chat-customer-source .chat-avatar{background:#f6eddc;color:#755122}.chat-message-sender{display:block;font-size:10px;margin-bottom:6px;opacity:.8}.chat-transfer{min-height:36px;padding:6px 10px;font:inherit;font-size:11px;border:1px solid var(--color-border);border-radius:8px;background:white;color:var(--color-text);cursor:pointer}.chat-transfer-form{flex-basis:100%!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chat-transfer-form select{font:inherit;font-size:16px;max-width:100%;min-height:44px}.chat-support-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;font-size:12px}.chat-support-pager:empty{display:none}.support-recipient-list{display:grid;gap:12px;margin:24px 0}.support-recipient{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:12px;min-height:56px;cursor:pointer}.support-recipient input{width:20px;height:20px;accent-color:var(--color-primary)}
.chat-dock.mocan-chat-client .chat-thread{flex:1;min-height:0;overflow:hidden}.chat-dock.mocan-chat-client .chat-thread[hidden]{display:none!important}.chat-dock.mocan-chat-client .chat-thread-header .chat-back{display:none}.chat-dock.mocan-chat-client .chat-messages{padding:12px;gap:12px}.chat-dock.mocan-chat-client .chat-message{font-size:13px;max-width:90%;padding:10px 12px}.chat-dock.mocan-chat-client .chat-message p{font-size:14px}.chat-dock .chat-sticker-panel{position:absolute;left:8px;right:8px;bottom:var(--chat-compose-height,90px);max-height:240px;z-index:2}.chat-dock .chat-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chat-dock .chat-sticker-art{width:90px;height:90px;max-width:100%}.chat-dock .chat-sticker-choice{padding:4px}.chat-dock.mocan-chat-client .chat-sticker-message{width:132px;flex-shrink:0}.chat-dock.mocan-chat-client .chat-sticker-message .chat-sticker-art{width:120px;height:120px}.chat-dock-compose .chat-sticker-toggle{min-width:44px!important;width:44px!important;padding:6px!important;font-size:24px!important;flex-shrink:0!important}.chat-dock-compose textarea{font-size:16px;min-width:0}.mocan-chat-client .chat-status{padding:0 12px;font-size:12px;margin:0}.mocan-chat-client .chat-status:empty{display:none}.mocan-chat-client .chat-back{min-width:44px;min-height:44px}
@media(max-width:700px){.internal-chat.mocan-chat-client .chat-thread-header .chat-back{display:inline-flex;align-items:center;justify-content:center}.mocan-chat-client .chat-filter{min-height:44px}.chat-dock.mocan-chat-client .chat-list-heading{padding:12px 10px 8px}}
/* Website support borrows only chat styling; no admin navigation or employee data. */
.website-support,.website-support-launcher{--color-primary:var(--web-primary,#315b48);--color-primary-soft:#edf3e8;--color-border:#dfe5da;--color-text:var(--web-text,#25312e);--color-muted:#667366;--color-surface:#fff;--color-input-border:#c9d3c4;font-family:inherit}.website-support .chat-dock-heading>div{display:grid;gap:4px;flex:1;min-width:0}.website-support .chat-dock-heading small{font-size:11px;line-height:1.4;color:var(--color-muted)}.website-support-intro{display:grid;gap:20px;padding:24px;overflow:auto}.website-support-intro h2{font-family:inherit;font-size:22px;margin:0}.website-support-intro p{font-size:13px;line-height:1.6;color:var(--color-muted);margin:0}.website-support-field{display:grid;gap:10px}.website-support-field label{font-size:13px}.website-support-field input{width:100%;border:1px solid var(--color-input-border);border-radius:10px;padding:12px;min-height:46px;font:inherit;font-size:16px}.website-support-intro>button{min-height:46px;border:0;border-radius:24px;background:var(--color-primary);color:white;font:inherit;font-weight:600;cursor:pointer}.website-support .chat-dock-messages{flex:1}.website-support-stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:200px;overflow:auto;padding:8px;border-top:1px solid var(--color-border);flex-shrink:0}.website-support-stickers .chat-sticker-art{width:90px;height:90px}.website-support [hidden]{display:none!important}.website-support .chat-dock-compose textarea{height:64px}.website-support-launcher{max-width:calc(100vw - 24px)}
.website-support-stickers{grid-auto-rows:max-content;align-items:start}.website-support-stickers .chat-sticker-choice,.chat-dock .chat-sticker-grid .chat-sticker-choice{display:flex;align-items:center;justify-content:center;min-height:98px;height:auto}.website-support-stickers .chat-sticker-art,.chat-dock .chat-sticker-grid .chat-sticker-art{flex-shrink:0}
.mocan-chat-client .chat-filter{border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font:inherit;font-size:11px;cursor:pointer}.mocan-chat-client .chat-filter[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.mocan-chat-client .chat-filter:focus-visible,.chat-source-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
/* Inbox tools share a fixed rhythm on full-page and floating chat. */
.mocan-chat-client .chat-list-heading{display:grid;gap:14px;padding:20px}.mocan-chat-client .chat-source-tabs{margin:0;gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:12px;background:#f5f7f5}.mocan-chat-client .chat-source-button{min-height:44px;padding:8px 6px;border:0;border-radius:8px;background:transparent;font-size:12px;line-height:1.4}.mocan-chat-client .chat-source-button[aria-pressed=true]{background:var(--color-primary);color:#fff}.mocan-chat-client .chat-support-settings{display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;margin:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:none;box-sizing:border-box}.mocan-chat-client .chat-support-settings:before{content:'⚙';font-size:16px;margin-right:8px}.mocan-chat-client .chat-list-heading input{width:100%;min-width:0;margin:0;border-radius:10px;background:#fff}.chat-page-heading{margin-bottom:24px}.chat-page-heading h1{margin:0 0 6px}.chat-page-heading .intro{margin:0}.chat-page-settings{min-height:44px;white-space:nowrap}.internal-chat.mocan-chat-client .chat-support-settings{display:none}.chat-dock.mocan-chat-client .chat-list-heading{padding:16px;gap:12px}.chat-page-heading [hidden],.mocan-chat-client .chat-support-settings[hidden]{display:none!important}
@media(max-width:700px){.mocan-chat-client .chat-list-heading{padding:16px;gap:12px}.chat-page-heading{gap:16px;margin-bottom:20px}.chat-page-settings{width:100%;justify-content:center}.chat-dock.mocan-chat-client .chat-list-heading{padding:12px}}
/* Floating conversations stay visible independently of full-page mobile navigation. */
.chat-dock.mocan-chat-client .chat-thread{display:flex}
.chat-dock.mocan-chat-client .chat-dock-heading,.chat-dock.mocan-chat-client .chat-thread-header,.chat-dock.mocan-chat-client .chat-dock-compose{flex-shrink:0}
.chat-dock.mocan-chat-client .chat-quick-sidebar{overflow:auto;overscroll-behavior:contain}
.chat-dock.mocan-chat-client .chat-people{flex-shrink:0}
.chat-dock.mocan-chat-client .chat-message{flex-shrink:0}
@media(max-width:700px){.chat-dock.mocan-chat-client .chat-thread-header{flex-wrap:nowrap;gap:8px;padding:10px 12px}.chat-dock.mocan-chat-client .chat-thread-header:has(.chat-transfer-form){flex-wrap:wrap}.chat-dock.mocan-chat-client .chat-dock-compose{padding:10px;gap:6px}.chat-dock.mocan-chat-client .chat-dock-compose textarea{padding:10px 8px;resize:none}.chat-dock.mocan-chat-client .chat-transfer{min-height:44px}}