:root{--chat-blue:#183eaa;--chat-light:#eef4ff;--chat-ink:#132341;--chat-muted:#536078;--chat-border:#d5deed}
.chatIntake>p{margin:4px 0 12px;color:var(--chat-muted)}.chatIntake input{font-size:16px!important}.chatTools{display:flex;align-items:center;gap:10px;margin-top:8px}.chatEmojiToggle{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.chatFileName{font-size:12px;color:var(--chat-muted);overflow-wrap:anywhere;min-width:0}.chatEmoji{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:var(--chat-light);border-radius:10px;margin-top:8px}.chatEmoji button{font-size:22px!important;min-width:44px}.chatFileLink{display:grid;gap:6px;overflow-wrap:anywhere}.chatCompose fieldset:disabled{opacity:.7}.chatCompose button:disabled{cursor:wait}.chatIntake .chatError{color:#9c273a}.chatPhone{font-size:14px;color:var(--chat-muted);margin:4px 0}
#supportChatLauncher{position:fixed;right:20px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:990;border:0;border-radius:28px;background:var(--chat-blue);color:white;min-height:52px;padding:12px 18px;display:flex;align-items:center;gap:8px;font:600 14px inherit;box-shadow:0 4px 18px #10265330;cursor:pointer}
#supportChatLauncher{font-family:inherit;font-size:14px;font-weight:600}#supportChatLauncher[hidden]{display:none}#supportChatLauncher svg{width:24px;height:24px}
.supportChatDialog .chatHeader{position:sticky;top:0;z-index:2}.supportChatDialog .chatError{color:var(--chat-muted)}
.supportChatDialog{position:fixed;margin:0;inset:auto 20px 20px auto;width:min(420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--chat-border);border-radius:18px;background:white;color:var(--chat-ink);box-shadow:0 20px 60px #0d214336;font:14px/1.55 'Be Vietnam Pro',sans-serif;overflow:auto}
.supportChatDialog::backdrop{background:#10213b26}.chatHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--chat-blue);color:white}.chatHeader strong{font-size:17px}.chatHeader small{display:block;margin-top:4px;font-size:12px}.chatClose{min-width:44px;min-height:44px;background:#ffffff20;color:white;border:0;border-radius:10px;font-size:28px;cursor:pointer}.chatGreeting,.chatPrivacy{padding:12px 20px;margin:0}.chatPrivacy{font-size:12px;color:var(--chat-muted);border-top:1px solid var(--chat-border)}.chatPrivacy a{color:var(--chat-blue)}.chatBody{padding:0 16px 12px}
.chatLog{display:flex;flex-direction:column;gap:12px;height:240px;min-height:100px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--chat-border);border-radius:12px;padding:12px;background:#f6f8fc}
.chatMessage{max-width:90%;align-self:flex-end;background:var(--chat-light);padding:10px 12px;border-radius:12px 12px 3px 12px;color:var(--chat-ink);overflow-wrap:anywhere}.chatStaff{align-self:flex-start;background:white;border:1px solid var(--chat-border);border-radius:12px 12px 12px 3px}.chatMessageMeta{display:flex;gap:12px;justify-content:space-between;font-size:11px;color:var(--chat-muted)}.chatMessage p{white-space:pre-wrap;margin:6px 0;font-size:14px;line-height:1.55}.chatMessage img{display:block;max-width:100%;height:auto;max-height:230px;object-fit:contain;border-radius:8px}.chatMessage a{color:var(--chat-blue);font-size:12px}.chatCompose fieldset{border:0;padding:0;margin:0;min-width:0}.chatCompose label{display:block;font-weight:500;font-size:13px;margin-top:10px}.chatCompose input:not([type=checkbox]),.chatCompose textarea{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--chat-border);border-radius:8px;background:white;color:var(--chat-ink);font:inherit;padding:10px;min-height:44px}.chatCompose textarea{resize:vertical;font-size:16px;max-height:160px}.chatCompose small{display:block;font-size:11px;color:var(--chat-muted);margin-top:6px}.chatAttachment{display:flex;align-items:end;gap:8px}.chatAttachment label{min-width:0;flex:1}.chatAttachment input{font-size:12px!important}.chatProductChoice{display:flex!important;align-items:center;gap:8px}.chatCompose button,.chatOlder{min-height:44px;border-radius:8px;padding:10px 14px;cursor:pointer;font:600 13px 'Be Vietnam Pro',sans-serif}.chatSend{margin-top:12px;background:var(--chat-blue);color:white;border:0;width:100%}.chatError,.chatNew{font-size:12px;margin:6px 0;color:#8d2332;min-height:18px}.chatNew{color:var(--chat-muted)}.chatOlder{margin-bottom:8px}.chatCompose .secondary,.chatOlder{background:white;color:var(--chat-ink);border:1px solid var(--chat-border)}
.chatWorkspace{color:var(--chat-ink)}.chatToolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.chatToolbar label{flex:1;min-width:160px}.chatToolbar input,.chatToolbar select{width:100%;min-height:44px}.chatInbox{display:grid;gap:8px}.chatThread{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;border:1px solid var(--chat-border);border-radius:12px;background:white}.chatThread p{margin:6px 0;overflow-wrap:anywhere}.chatThread small{color:var(--chat-muted)}.chatThread a{align-self:center}.chatUnread{display:inline-block;padding:3px 8px;background:var(--chat-blue);color:white;border-radius:20px;font-size:12px}.chatPager{display:flex;align-items:center;gap:12px;margin-top:16px}.chatDetail{max-width:900px;margin:auto}.chatDetail .chatLog{height:360px}.chatDetail .chatCompose{max-width:100%}.chatSettings{max-width:740px;display:grid;gap:16px}.chatSettings label{display:grid;gap:8px}.chatSettings input,.chatSettings textarea{min-height:44px;width:100%;box-sizing:border-box}.chatHours{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chatWorkspace button,.chatWorkspace .button{min-height:44px}.chatDetailTop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chatDetailTop select{min-height:44px}.chatWorkspace :focus-visible,.supportChatDialog :focus-visible,#supportChatLauncher:focus-visible{outline:3px solid #5775f2;outline-offset:3px}.chatWorkspace [hidden],.supportChatDialog [hidden]{display:none!important}
@media(max-width:760px){#supportChatLauncher{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));padding:12px;font-size:12px}.supportChatDialog{inset:8px 8px auto;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.chatHeader{padding:12px}.chatGreeting,.chatPrivacy{padding:10px 12px}.chatBody{padding:0 12px 12px}.chatLog{height:clamp(100px,25dvh,230px)}.chatDetail .chatLog{height:35dvh}.chatMessageMeta{flex-wrap:wrap;gap:4px}.chatThread{grid-template-columns:1fr}.chatThread a{justify-self:start}.chatToolbar{display:grid;grid-template-columns:1fr}.chatToolbar label{min-width:0}.chatHours{grid-template-columns:1fr 1fr}.chatDetailTop{align-items:start}}
@media(prefers-reduced-motion:no-preference){#supportChatLauncher,.chatSend,.chatClose{transition:background-color .15s,box-shadow .15s}.supportChatDialog[open]{animation:chatReveal .15s ease-out}@keyframes chatReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:760px){.supportChatDialog{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:auto;width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

/* Follow-up notifications sit with the greeting, above the conversation. */
.chatNotifyRow{margin:0;padding:0 20px 12px}
.chatNotify{min-height:40px;font-size:13px;width:100%}
@media(max-width:760px){.chatNotifyRow{padding:0 12px 10px}}