.chat-toggle{position:fixed;right:25px;bottom:20px;border:1px solid #c8d2bf;background:#fffdf5;color:#244938;padding:11px 17px;border-radius:999px;box-shadow:0 6px 22px #14331b12;display:flex;align-items:center;gap:9px;font-size:11px;z-index:20}.chat-toggle>span{width:21px;height:21px;display:grid;place-items:center;background:#234b42;color:#fffbe9;border-radius:50%;font-family:Georgia,serif;font-size:13px}.chat-panel{position:fixed;bottom:78px;right:25px;width:min(350px,calc(100vw - 30px));background:#fffef9;border:1px solid #cfd7c4;border-radius:18px;box-shadow:0 15px 60px #163c252a;z-index:30;overflow:hidden}.chat-panel>header{padding:17px 19px;background:#193c3f;color:#fffcec;display:flex;justify-content:space-between;gap:14px;align-items:center}.chat-panel>header strong{font-size:15px;font-weight:500}.chat-panel>header small{display:block;font-size:9px;color:#c9d3be;margin-top:4px}.chat-panel>header button{border:0;background:none;color:#e4e8d9;font-size:25px;line-height:1;padding:3px 6px}.chat-body{padding:16px;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{font-size:12px;line-height:1.75;padding:12px 13px;border-radius:1px 12px 12px;background:#edf0e4;white-space:pre-wrap}.bubble.user{background:#244c44;color:#fffcec;border-radius:12px 1px 12px 12px;margin-left:30px}.chat-topics{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 12px}.chat-topics button{background:transparent;border:1px solid #d2dac5;border-radius:999px;font-size:10px;padding:7px 10px}.chat-panel form{display:flex;margin:0 16px;border:1px solid #c7d2bb;border-radius:9px;padding:5px;background:#fff}.chat-panel input{width:100%;min-width:0;font-size:12px;border:0;padding:7px;outline-offset:0}.chat-panel form>button{width:34px;height:34px;border:0;background:#224b42;color:#fff;border-radius:7px;font-size:18px;flex-shrink:0}.chat-human{display:block;text-align:center;font-size:10px;padding:13px;color:#627b55}
@media(max-width:800px){.chat-toggle{right:16px;bottom:16px}.chat-panel{right:15px;bottom:73px}.chat-panel input{font-size:16px}.chat-body{max-height:35vh}}
@media(max-width:760px){.chat-toggle{width:48px;min-width:48px;height:48px;padding:0;justify-content:center;gap:0;font-size:0!important}.chat-toggle>span{width:25px;height:25px;font-size:17px}.chat-panel{max-height:calc(100dvh - 100px);display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-body{min-height:60px;flex:1;overflow:auto}.chat-panel>header{flex-shrink:0}}

/* Keep the close control in the viewport at any desktop zoom or screen height. */
.chat-toggle{z-index:100}.chat-panel{z-index:120}
.chat-panel{display:flex;flex-direction:column;width:min(420px,calc(100vw - 30px));height:min(650px,calc(100dvh - 100px));max-height:calc(100dvh - 100px);bottom:78px;isolation:isolate}
.chat-panel[hidden]{display:none!important}.chat-panel>header{position:relative;flex:0 0 auto;min-height:66px;padding-right:68px;z-index:2}.chat-panel>header #chat-close{position:absolute;top:11px;right:12px;width:44px;height:44px;display:grid;place-items:center;line-height:1;font-size:30px;border:1px solid #ffffff60;border-radius:50%;background:#123d40;color:#fff}
.chat-body{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}.chat-topics{flex:0 0 auto;max-height:110px;overflow-y:auto;padding-top:8px}.chat-panel form,.chat-human{flex:0 0 auto}.chat-panel .bubble{font-size:13px}.chat-panel #chat-input{min-width:0}
@media(max-height:520px){.chat-panel{bottom:14px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}.chat-panel>header{min-height:58px;padding-top:12px;padding-bottom:12px}.chat-topics{max-height:68px}.chat-human{padding:8px}}