.chat-panel,.chat-launchers{--cp-bg:#102139;--cp-soft:#142943;--cp-text:#f4f7fc;--cp-muted:#acbbce;--cp-line:#2b405b;--cp-accent:#ffa052}
[data-theme=light] .chat-panel,[data-theme=light] .chat-launchers{--cp-bg:#fff;--cp-soft:#f3f6fa;--cp-text:#14243d;--cp-muted:#66768a;--cp-line:#e0e6ee}
.chx-dining .chat-panel,.chx-dining .chat-launchers{--cp-accent:#d5b561;--cp-bg:#102a22;--cp-soft:#18392e;--cp-line:#345346}
[data-theme=light] .chx-dining .chat-panel{--cp-bg:#fffef9;--cp-soft:#f5f4ed;--cp-line:#e5e5d9}
.chat-panel{width:410px;max-width:calc(100vw - 24px);height:min(620px,calc(100dvh - 124px));max-height:calc(100dvh - 124px);right:20px;bottom:92px;border:1px solid var(--cp-line);border-radius:24px;background:var(--cp-bg);color:var(--cp-text);box-shadow:0 24px 80px #0004;overflow:hidden;display:flex;flex-direction:column;font:14px/1.5 Manrope,Arial,sans-serif;z-index:1300}
.chat-panel[hidden]{display:none!important}.chat-panel .chat-header{position:static;width:auto;min-height:84px;height:auto;padding:18px 20px;display:flex;gap:12px;align-items:center;background:var(--cp-soft);border-bottom:1px solid var(--cp-line);flex-shrink:0}.chat-header h2{font:800 16px/1.4 Manrope,Arial,sans-serif;color:var(--cp-text);margin:0}.chat-header p{font-size:12px;color:var(--cp-muted);margin:3px 0 0}.chat-header .chat-avatar{width:44px;height:44px;background:var(--cp-accent);color:#102139;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.chat-panel button{font:inherit;cursor:pointer}.chat-header button{margin-left:auto;width:40px;height:40px;padding:9px;background:transparent;border:1px solid var(--cp-line);border-radius:12px;color:var(--cp-text)}.chat-panel svg,.chat-launchers svg{width:22px;height:22px;stroke-width:1.8;flex-shrink:0;filter:none}.chat-panel .chat-messages{flex:1;min-height:100px;overflow:auto;padding:20px;background:var(--cp-bg)}.chat-panel .chat-bubble{font-size:14px;line-height:1.6;border-radius:16px;background:var(--cp-soft);color:var(--cp-text);padding:12px 15px;max-width:88%}.chat-panel .chat-bubble.outgoing,.chat-panel .chat-bubble.sent{background:var(--cp-accent);color:#102139}.chat-panel .chat-tabs{padding:12px 16px;gap:8px}.chat-panel .chat-tabs button{border:1px solid var(--cp-line);background:var(--cp-soft);color:var(--cp-text);border-radius:10px;padding:9px 12px}.chat-panel .chat-tabs button.active{background:var(--cp-accent);color:#102139}.chat-panel .chat-compose{display:flex;align-items:flex-end;gap:10px;padding:14px;border-top:1px solid var(--cp-line);background:var(--cp-bg);margin:0}.chat-compose textarea,.chat-compose input{box-sizing:border-box;flex:1;min-width:0;min-height:48px;max-height:110px;resize:none;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-soft);color:var(--cp-text);padding:12px 14px;font:16px/1.5 Manrope,Arial,sans-serif;outline:none}.chat-compose textarea:focus{border-color:var(--cp-accent)}.chat-panel .chat-compose button{width:48px;height:48px;border:0;border-radius:14px;background:var(--cp-accent);color:#102139;display:grid;place-items:center;flex-shrink:0}.chat-panel .chat-footer,.chat-panel .chat-status{font-size:11px;color:var(--cp-muted);padding:6px 18px}.chat-launchers{bottom:88px;right:20px}.chat-launchers button{min-height:52px;border-radius:18px;background:var(--cp-accent);color:#102139;border:0;box-shadow:0 8px 24px #0002}.chat-quick button{border:1px solid var(--cp-line);border-radius:10px;color:var(--cp-text);background:var(--cp-soft);padding:8px 10px}@media(max-width:600px){.chat-panel{right:12px;bottom:86px;height:min(650px,calc(100dvh - 106px));max-height:calc(100dvh - 106px)}.chat-launchers{right:16px;bottom:86px}}
/* Reset inherited page rules within each chat. */
.chat-panel{position:fixed!important;inset:auto 24px 24px auto;width:420px;max-width:calc(100vw - 32px);height:min(680px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:0;padding:0;isolation:isolate}.chat-panel .chat-header{position:static!important;transform:none;inset:auto;width:100%;min-height:90px;padding:20px}.chat-panel .chat-header>div{min-width:0}.chat-panel .chat-header h2{font:700 17px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:0}.chat-panel .chat-header p{font:400 12px/1.5 'DM Sans',Arial,sans-serif}.chat-panel .chat-header button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0}.chat-panel .chat-tabs{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid var(--cp-line);flex-shrink:0}.chat-panel .chat-tabs button{flex:1;min-height:40px;font-size:14px;background:transparent;color:var(--cp-muted);border:1px solid transparent}.chat-panel .chat-tabs button[aria-pressed=true]{background:var(--cp-soft);color:var(--cp-text);border-color:var(--cp-line);box-shadow:inset 0 -2px var(--cp-accent)}.chat-panel .chat-messages{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:120px;height:auto;overscroll-behavior:contain;padding:22px 18px}.chat-panel .chat-bubble{width:fit-content;max-width:88%;margin:0;align-self:flex-start;border-radius:16px 16px 16px 4px;border:1px solid var(--cp-line);overflow-wrap:anywhere}.chat-panel .chat-bubble.outgoing{align-self:flex-end;border-radius:16px 16px 4px 16px;border-color:transparent}.chat-panel .chat-bubble.notice{align-self:center;background:transparent;border:0;color:var(--cp-muted);font-size:13px;text-align:center;max-width:100%}.chat-panel .chat-quick{display:flex;flex-wrap:wrap;gap:7px;padding:8px 16px 12px;flex-shrink:0}.chat-panel .chat-quick button{font-size:12px;line-height:1.4;background:transparent;color:var(--cp-muted)}.chat-panel .chat-status{margin:0;padding:0 18px 8px;min-height:0}.chat-panel .chat-status:empty{display:none}.chat-panel .chat-compose{flex-shrink:0}.chat-panel .chat-compose textarea{width:auto;min-height:48px;height:48px;max-height:120px;margin:0;box-shadow:none}.chat-panel .chat-footer{display:flex;justify-content:center;width:100%;padding:0 16px 14px;margin:0;background:var(--cp-bg);border:0;letter-spacing:0;font-size:12px}.chat-panel .chat-footer a{color:var(--cp-muted)}.chat-panel svg,.chat-launchers svg{width:21px!important;height:21px!important;filter:none}.chat-launchers{bottom:24px}.chat-launchers button{border-radius:16px}.chat-panel button:focus-visible,.chat-panel textarea:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.chat-panel .chat-compose button:disabled{opacity:.5}
@media(max-width:700px){.chat-panel{inset:auto 10px calc(82px + env(safe-area-inset-bottom)) 10px;width:auto;max-width:none;height:min(680px,calc(100dvh - 104px - env(safe-area-inset-bottom)));max-height:calc(100dvh - 104px - env(safe-area-inset-bottom))}.chat-panel .chat-header{padding:16px;min-height:80px}.chat-panel .chat-messages{min-height:80px;padding:18px 16px}.chat-launchers{bottom:calc(88px + env(safe-area-inset-bottom))}.chat-panel .chat-compose{padding:12px}}
@media(max-height:540px){.chat-panel{top:8px;bottom:8px;height:auto;max-height:none}.chat-panel .chat-header{min-height:60px;padding:10px 16px}.chat-panel .chat-quick,.chat-panel .chat-footer{display:none}}