.car-host-card{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;background:linear-gradient(135deg,#f2fbfb,#fff);border:1px solid #cde9e8;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}.car-host-card img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #0a6f7830}.car-host-card h2{font-size:1.1rem;margin:.15rem 0}.car-host-card p{margin:0}.car-chat-open{white-space:nowrap;color:#0a6f78;border:1px solid #0a6f78;background:#fff}.car-chat{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1050;width:min(390px,calc(100vw - 2rem));height:min(570px,calc(100vh - 2rem));display:flex;flex-direction:column;background:#fff;border:1px solid #d9e5e7;border-radius:16px;box-shadow:0 20px 60px #14323a40;overflow:hidden}.car-chat[hidden]{display:none}.car-chat header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:linear-gradient(135deg,#0a6f78,#07575f);color:#fff}.car-chat header h2{font-size:1.05rem;margin:.15rem 0}.car-chat header .eyebrow,.car-chat header .muted{color:#d9ffff;margin:0}.car-chat-close{border:0;background:transparent;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.car-chat-messages{flex:1;overflow-y:auto;padding:1rem;background:#f5f9fa;display:flex;flex-direction:column;gap:.7rem}.chat-bubble{align-self:flex-start;max-width:84%;padding:.7rem .8rem;border-radius:4px 13px 13px 13px;background:#fff;border:1px solid #dfeaec;box-shadow:0 1px 2px #00000008;line-height:1.4}.chat-bubble.is-mine{align-self:flex-end;border:0;border-radius:13px 4px 13px 13px;background:#dff5f4;color:#054d52}.chat-bubble small{display:block;margin-top:.35rem;color:#6b7f83;font-size:.72rem}.chat-empty,.chat-loading{margin:auto;color:#64748b;text-align:center}.car-chat-compose{display:flex;gap:.6rem;padding:.8rem;border-top:1px solid #e4ecee;background:#fff}.car-chat-compose textarea{flex:1;min-height:44px;max-height:96px;resize:vertical;border:1px solid #c9d9dc;border-radius:8px;padding:.65rem;font:inherit}.car-chat-compose .btn{align-self:flex-end}@media(max-width:650px){.car-host-card{grid-template-columns:56px 1fr}.car-host-card img{width:56px;height:56px}.car-host-card .car-chat-open{grid-column:1/-1;text-align:center}.car-chat{right:1rem;bottom:1rem}}

.chat-bubble .chat-link,.chat-bubble a.chat-link{color:#0a6f78;font-weight:700;text-decoration:underline;word-break:break-all}
.chat-bubble.is-mine .chat-link{color:#fff;text-decoration:underline}

.chat-safety-banner{margin:0 0 10px;padding:9px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:12px;line-height:1.5}
.chat-mask-notice{margin:6px 0 0;padding:8px 11px;background:#fdece8;border:1px solid #f5c6bb;border-radius:8px;color:#b8482b;font-size:12px;line-height:1.45}
.chat-mask-notice[hidden]{display:none}