/* CHX photography/chat.css — rides-style chat widget in studio theme. */

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
.chat-launchers{position:fixed;bottom:24px;right:24px;z-index:1010;display:flex;gap:10px}
.chat-launchers button{display:flex;align-items:center;gap:9px;padding:14px 19px;border:1px solid var(--gold);border-radius:30px;background:var(--gold);color:#0B0B0B;box-shadow:0 8px 28px #0004;font-size:14px;font-weight:800;cursor:pointer}
.chat-launchers #driver-chat-launcher{background:var(--surface);color:var(--text)}
.chat-panel{position:fixed;right:24px;bottom:24px;z-index:1011;width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 120px);display:flex;flex-direction:column;background:var(--surface);border:1px solid #293d57;border-radius:18px;box-shadow:0 15px 60px #0006;overflow:hidden}
.chat-header{display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface);border-bottom:1px solid #293d57}
.chat-avatar{display:grid;place-items:center;background:var(--gold);color:#0B0B0B;width:42px;height:42px;border-radius:14px;flex-shrink:0}
.chat-header h2{font-size:16px;margin:0}
.chat-header p{font-size:12px;color:var(--muted);margin:3px 0 0}
.chat-header button{margin-left:auto;border:0;background:none;color:var(--muted);padding:8px;cursor:pointer}
.chat-tabs{display:flex;padding:12px 18px;gap:8px}
.chat-tabs button{flex:1;padding:8px;border:1px solid #293d57;border-radius:10px;background:none;font-size:14px;color:var(--text);cursor:pointer}
.chat-tabs button[aria-pressed=true]{background:var(--surface-hover);color:var(--gold);border-color:var(--gold)}
.chat-tabs button:disabled{opacity:.4;cursor:default}
.chat-driver-info{padding:8px 20px;color:var(--gold);font-size:14px}
.chat-messages{height:230px;min-height:80px;overflow-y:auto;padding:10px 18px;display:flex;flex-direction:column;gap:12px}
.chat-bubble{padding:12px 14px;background:var(--surface-hover);border-radius:14px 14px 14px 3px;max-width:90%;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;margin:0}
.chat-bubble.outgoing{align-self:flex-end;border-radius:14px 14px 3px 14px;background:var(--gold);color:#0B0B0B}
.chat-bubble.notice{color:var(--muted);background:none;padding:4px 0}
.chat-quick{display:flex;gap:7px;padding:12px 18px;flex-wrap:wrap}
.chat-quick button{border:1px solid #293d57;background:none;color:var(--text);border-radius:18px;padding:7px 11px;font-size:12px;cursor:pointer}
.chat-status{padding:0 18px 10px;color:var(--muted);font-size:12px;margin:0;min-height:1em}
.chat-compose{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:7px;border:1px solid #293d57;border-radius:14px;background:var(--bg)}
.chat-compose textarea{min-width:0;flex:1;resize:none;padding:8px;background:none;border:0;color:var(--text);font:inherit;font-size:16px;max-height:100px}
.chat-compose button{display:grid;place-items:center;width:38px;height:38px;background:var(--gold);border:0;border-radius:10px;color:#0B0B0B;cursor:pointer}
.chat-footer{padding:12px 18px;border-top:1px solid #293d57;font-size:12px}
.chat-footer a{color:var(--gold);text-decoration:none}
@media(max-width:760px){.chat-launchers{bottom:20px;right:20px}.chat-launchers button{width:48px;height:48px;padding:0;justify-content:center}.chat-launchers span{display:none}.chat-panel{right:12px;left:12px;width:auto}.chat-messages{height:220px}.chat-header{padding:15px}}