.chat-trigger,.chat-button{font:inherit;border:1px solid var(--color-primary);background:var(--color-primary);min-height:44px;color:var(--color-on-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;line-height:1.4;display:inline-flex}.chat-trigger:hover,.chat-button:hover{background:var(--color-primary-hover)}.chat-trigger{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:20;border-color:var(--color-focus);background:var(--color-surface);width:56px;height:56px;color:var(--color-text);border-radius:50%;padding:0;position:fixed;box-shadow:0 3px 15px #0003}.chat-trigger:hover{background:var(--color-surface-soft)}.chat-trigger-badge{border:1px solid var(--color-focus);background:var(--color-surface-soft);min-width:22px;height:22px;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:400;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.chat-trigger [hidden]{display:none}.chat-notification-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.chat-secondary{border-color:var(--color-border);background:var(--color-button-soft);color:var(--color-on-button-soft)}.chat-secondary:hover{background:var(--color-button-soft-hover)}.chat-button:disabled{opacity:.6;cursor:default}[data-support-chat] [hidden],.chat-workspace [hidden]{display:none}.chat-dialog{--chat-dialog-gap:88px;z-index:1000;inset:auto 20px calc(var(--chat-viewport-bottom,0px) + var(--chat-dialog-gap)) auto;width:min(390px,100% - 32px);max-width:none;max-height:min(calc(100% - var(--chat-dialog-gap) - 20px), calc(var(--chat-viewport-height,100dvh) - var(--chat-dialog-gap) - 20px));border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:20px;margin:0;padding:0;font-size:16px;line-height:1.5;position:fixed;overflow-y:auto;box-shadow:0 12px 60px #0003}.chat-dialog[open]{flex-direction:column;display:flex}.chat-heading{color:var(--color-on-primary);background:var(--color-primary);flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.chat-brand-mark{border:1px solid;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;font-size:28px;font-weight:800;line-height:1;display:grid}.chat-heading-copy{flex:1;min-width:0}.chat-heading h2{margin:0;font-size:16px;line-height:1.4}.chat-heading-copy p{margin:3px 0 0;font-size:13px;line-height:1.4}.chat-minimize{width:44px;color:inherit;background:0 0;border-color:currentColor;border-radius:50%;flex:0 0 44px;padding:0}.chat-minimize:hover{background:var(--color-primary-hover)}.chat-intro{margin:16px 20px 0}.chat-meta{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.chat-privacy{flex-shrink:0;margin:0;padding:12px 20px 16px}.chat-history{overscroll-behavior:contain;overflow-anchor:none;background:var(--color-background);min-height:0;padding:20px;overflow-y:auto}.chat-dialog[data-chat-state=initial] .chat-history{display:none}.chat-dialog[data-chat-state=active]{height:min(690px, calc(100% - var(--chat-dialog-gap) - 20px), calc(var(--chat-viewport-height,100dvh) - var(--chat-dialog-gap) - 20px))}.chat-dialog[data-chat-state=active] .chat-history{flex:160px}.chat-dialog[data-chat-state=initial] .chat-compose{overscroll-behavior:contain;flex-shrink:1;min-height:0;overflow-y:auto}.chat-dialog[data-chat-state=active] [data-chat-name],.chat-dialog[data-chat-state=active] .chat-intro{display:none}.chat-messages{outline-offset:-3px;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.chat-message{border:1px solid var(--color-border);background:var(--color-surface);overflow-wrap:anywhere;border-radius:14px 14px 14px 3px;align-self:flex-start;min-width:0;max-width:87%;padding:10px 12px;position:relative}.chat-message[data-direction=outgoing]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);border-radius:14px 14px 3px;align-self:flex-end}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}.chat-message-header{margin-bottom:3px;font-size:13px;line-height:1.4}.chat-message time{color:var(--color-text-muted)}.chat-message[data-direction=outgoing] time{color:inherit}.chat-message-author,.chat-dialog[data-chat-state=active] .chat-body-label,.chat-dialog[data-chat-state=active] .chat-send span,.chat-thread .chat-body-label,.chat-thread .chat-send span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-day{color:var(--color-text-muted);align-items:center;gap:10px;padding:2px 0;font-size:13px;display:flex}.chat-day:before,.chat-day:after{content:"";border-top:1px solid var(--color-border);flex:1}.chat-day span{overflow-wrap:anywhere}.chat-older{width:100%;margin:0 0 16px}.chat-status{min-height:20px;margin:0}.chat-status[data-error=true]{color:var(--color-error)}.chat-dialog>.chat-status{flex-shrink:0;padding:8px 20px}.chat-dialog>.chat-button{flex-shrink:0;margin:0 20px 8px}.chat-compose{flex-shrink:0;gap:8px;min-width:0;margin:0;display:grid}.chat-dialog .chat-compose{padding:12px 20px}.chat-name{gap:8px;min-width:0;margin-bottom:6px;display:grid}.chat-compose label{font-size:14px;font-weight:700;display:block}.chat-compose textarea,.chat-compose input{border:1px solid var(--admin-control-border,var(--color-text-muted));width:100%;min-width:0;color:var(--color-text);background:var(--color-background);font:inherit;border-radius:10px;margin:0;padding:11px 12px;font-size:16px;line-height:1.5;display:block}.chat-compose textarea{resize:none;height:96px;min-height:48px;max-height:144px;overflow-y:auto}.chat-compose-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.chat-dialog[data-chat-state=initial] .chat-compose-actions{grid-template-columns:minmax(0,1fr);display:grid}.chat-dialog[data-chat-state=initial] .chat-send{width:100%}.chat-dialog[data-chat-state=active] .chat-privacy-text{display:none}.chat-dialog[data-chat-state=active] .chat-privacy{padding-top:0;padding-bottom:10px}.chat-dialog[data-chat-state=active] .chat-compose,.chat-thread .chat-compose{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 44px;align-items:end}.chat-dialog[data-chat-state=active] .chat-compose textarea,.chat-thread .chat-compose textarea{grid-area:1/1;height:48px}.chat-dialog[data-chat-state=active] .chat-compose-actions,.chat-thread .chat-compose-actions{display:contents}.chat-dialog[data-chat-state=active] .chat-compose-actions>.chat-meta,.chat-thread .chat-compose-actions>.chat-meta{grid-area:2/1/auto/-1}.chat-dialog[data-chat-state=active] .chat-send,.chat-thread .chat-send{border-radius:50%;grid-area:1/2;width:44px;padding:0}.chat-workspace{--chat-inbox-width:300px;grid-template-columns:calc(var(--chat-inbox-width) - 1px) minmax(0, 1fr);border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;min-width:0;height:clamp(530px,74dvh,850px);margin:24px 0 0;display:grid;overflow:hidden}.chat-thread-empty{background:var(--color-background);min-width:0;min-height:240px}.chat-inbox{border-right:1px solid var(--color-border);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-pane-heading{background:var(--color-surface-soft);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:18px 20px;display:flex}.chat-pane-heading h2{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.4}.chat-inbox-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.chat-inbox-content>.chat-status,.chat-inbox-content>[data-chat-empty]{padding:12px 20px}.chat-inbox-content>.chat-button{margin:0 20px 12px}.chat-inbox-list{margin:0;padding:0;list-style:none}.chat-inbox-item{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;min-width:0;position:relative}.chat-inbox-row{min-height:44px;color:var(--color-text);background:var(--color-surface);border-left:4px solid #0000;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:16px 20px;font-size:16px;line-height:1.5;text-decoration:none;display:flex}a.chat-inbox-row{cursor:pointer}.chat-inbox-item[data-unread=true] .chat-inbox-row{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}a.chat-inbox-row:hover{background:var(--color-surface-soft);text-decoration:none}a.chat-inbox-row:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.chat-inbox-row[aria-current=page]{cursor:default;border-left-color:var(--color-focus);background:color-mix(in srgb, var(--color-focus) 16%, var(--color-surface))}.chat-inbox-item[data-unread=true] .chat-inbox-row[aria-current=page]{background:color-mix(in srgb, var(--color-focus) 16%, var(--color-surface))}.chat-inbox-row-heading{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;min-width:0;display:flex}.chat-inbox-title{overflow-wrap:anywhere;font-size:16px;font-weight:600}.chat-inbox-item[data-unread=true] .chat-inbox-title{font-weight:800}.chat-unread-dot{background:var(--color-primary);border-radius:50%;flex:0 0 8px;align-self:center;width:8px;height:8px}.chat-current{color:var(--color-text);font-weight:700}.chat-presence{align-items:center;gap:7px;display:inline-flex}.chat-presence:before{content:"";background:var(--color-text-muted);border-radius:50%;flex:0 0 9px;width:9px;height:9px}.chat-presence[data-online=true]:before{background:var(--chat-presence-active)}.chat-inbox{--chat-presence-active:#17654c}[data-theme=dark] .chat-inbox{--chat-presence-active:#83d5bc}.chat-inbox-row time{max-width:100%;display:block}.chat-inbox-row .chat-inbox-preview{-webkit-line-clamp:2;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:16px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.chat-unread{border:1px solid var(--color-primary);max-width:100%;min-height:26px;color:var(--color-text);border-radius:999px;align-items:center;padding:2px 8px;font-weight:700;line-height:1.5;display:inline-flex}.chat-pagination{border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.chat-pagination .chat-button{padding:8px;font-size:13px}.chat-thread{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-thread-heading{display:block}.chat-thread-heading p{margin:4px 0 0}.chat-thread .chat-history{flex:1}.chat-thread-feedback{overflow-wrap:anywhere;flex-shrink:0;padding:8px 16px}.chat-thread-feedback .chat-button{margin-top:8px}.chat-thread .chat-compose{padding:12px 16px;position:relative}@media (width>=901px){.admin-chat-page .admin-main{flex-direction:column;height:100dvh;min-height:0;display:flex}.admin-chat-page .admin-main>.page-heading,.admin-chat-page .admin-main>p{flex-shrink:0}.admin-chat-page .chat-workspace{flex:1;grid-template-rows:minmax(0,1fr);height:auto;min-height:0}.admin-chat-page .chat-thread-empty{min-height:0}}@media (width<=700px){.chat-workspace{grid-template-columns:minmax(0,1fr);height:auto}.chat-inbox{border-right:0;border-bottom:1px solid var(--color-border);max-height:390px}.chat-inbox-content{min-height:160px}.chat-thread{height:640px;min-height:460px;max-height:85dvh}}@media (width<=520px){.chat-dialog{--chat-dialog-gap:calc(env(safe-area-inset-bottom) + 76px);inset:auto 8px calc(var(--chat-viewport-bottom,0px) + var(--chat-dialog-gap)) 8px;width:calc(100% - 16px);max-height:min(calc(100% - var(--chat-dialog-gap) - 16px), calc(var(--chat-viewport-height,100dvh) - var(--chat-dialog-gap) - 16px));border-radius:18px}.chat-dialog[data-chat-state=active]{height:min(660px, calc(100% - var(--chat-dialog-gap) - 16px), calc(var(--chat-viewport-height,100dvh) - var(--chat-dialog-gap) - 16px))}.chat-dialog[data-chat-keyboard=true]{--chat-dialog-gap:max(8px, env(safe-area-inset-bottom))}.chat-trigger{right:12px;bottom:max(12px, env(safe-area-inset-bottom))}.chat-heading{gap:10px;padding:16px}.chat-dialog .chat-compose{padding:12px 16px}.chat-privacy{padding:8px 16px 12px}.chat-history{padding:16px}.chat-message{max-width:92%}.chat-pane-heading{padding:14px 16px}.chat-inbox-row{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.chat-history,.chat-inbox-content{scroll-behavior:auto}}