.travel-chat { position:fixed;right:22px;bottom:22px;z-index:1000;font:15px/1.5 system-ui,sans-serif;color:#182538 }
.travel-chat * { box-sizing:border-box }
.travel-chat-toggle { background:#153b74;color:white;border:0;border-radius:28px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 28px #071a3750 }
.travel-chat-panel { position:absolute;bottom:64px;right:0;width:min(390px,calc(100vw - 24px));height:min(560px,calc(100dvh - 100px));background:#fff;border-radius:18px;box-shadow:0 14px 50px #071a3740;display:flex;flex-direction:column;overflow:hidden }
.travel-chat-panel[hidden] { display:none }
.travel-chat-title { background:#153b74;color:white;padding:15px 18px;display:flex;justify-content:space-between;align-items:center }
.travel-chat-title button { background:none;border:0;color:white;font-size:25px;cursor:pointer }
.travel-chat-messages { padding:18px;flex:1;overflow:auto;background:#f3f6fb;display:flex;flex-direction:column;gap:10px }
.travel-chat-bubble { max-width:90%;align-self:flex-start;background:white;border-radius:15px 15px 15px 3px;padding:11px 14px;margin:0;overflow-wrap:anywhere }
.travel-chat-bubble.own { align-self:flex-end;background:#dceaff;border-radius:15px 15px 3px 15px }
.travel-chat-link { color:#153b74;font-weight:700;display:inline-block;margin-top:7px }
.travel-chat-bubble small {display:inline-block;margin-top:6px}
.travel-chat-form {display:flex;padding:10px;gap:8px;border-top:1px solid #ddd}
.travel-chat-form input {flex:1;min-width:0;border:1px solid #ccd6e2;border-radius:22px;padding:10px 13px;font:inherit}
.travel-chat-form button {border:0;border-radius:50%;width:40px;background:#153b74;color:white;cursor:pointer}
.travel-chat-panel>small {padding:0 12px 10px;color:#5c6572;font-size:11px}
.travel-chat .visually-hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:520px){.travel-chat{right:12px;bottom:12px}.travel-chat-panel{bottom:60px}}