/* A full conversation workspace, with an explicit source on every reply. */
.chat-launcher { border-color:#a44821; background:#ba4c24; box-shadow:0 5px 18px #7a371626; }
.chat-dialog { width:min(1000px,calc(100% - 64px)); max-width:none; margin:auto; border:1px solid #d9dddf; border-radius:14px; overflow:hidden; padding:0; box-shadow:0 25px 85px #15232c30; }
.chat-dialog::backdrop { background:#19212755; backdrop-filter:blur(3px); }
.chat-shell { height:min(720px,calc(100dvh - 64px)); display:flex; flex-direction:column; }
.chat-top { min-height:85px; display:flex; align-items:center; gap:13px; padding:17px 24px; border-bottom:1px solid #e4e6e8; background:#fff; color:#293238; }.chat-top .service-face { width:48px; height:48px; border-radius:12px; }.chat-top h2 { font-size:19px; letter-spacing:0; }.chat-top small { color:#757b80; font-size:11px; margin-top:4px; }.chat-top .modal-close { color:#5b6268; background:#f2f3f4; width:30px; height:30px; border-radius:6px; }
.chat-body { display:grid; grid-template-columns:minmax(0,1fr) 235px; flex:1; min-height:0; }.chat-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.chat-assurance { display:flex; align-items:center; gap:7px; background:#fdf9f2; padding:10px 23px; border-bottom:1px solid #ece6da; color:#816145; font-size:11px; }.chat-assurance svg { width:14px; height:14px; }
.chat-messages { background:#f5f6f7; padding:25px 23px 15px; min-height:130px; }.chat-dialog .message { display:flex; flex-direction:row; gap:9px; align-items:flex-start; margin:0 0 21px; }.message .message-avatar { width:34px; height:34px; border-radius:9px; flex-shrink:0; }.message .customer-avatar { display:grid; place-items:center; background:#e1e6eb; color:#5c6772; font-size:13px; }.message-content { max-width:calc(100% - 57px); }.message-content>small { display:block; font-size:10px; color:#7a8187; margin:0 0 6px; }.message-content>p { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; padding:12px 15px; background:#fff; border:1px solid #e6e8eb; border-radius:3px 10px 10px; color:#394147; font-size:13px; line-height:1.9; }.chat-dialog .message.customer { flex-direction:row-reverse; }.message.customer .message-content>small { text-align:right; }.message.customer .message-content>p { background:#fff0e4; border-color:#efd9c9; border-radius:10px 3px 10px 10px; }.chat-dialog .message.system { justify-content:center; }.message.system .message-content { max-width:95%; }.message.system .message-content>small { display:none; }.message.system .message-content>p { padding:6px 10px; background:#eceff1; border:0; border-radius:5px; font-size:11px; color:#67717b; }
.chat-dialog .typing-message { margin-bottom:10px; }.typing-dots { display:inline-flex; gap:4px; margin-right:9px; }.typing-dots i { width:4px; height:4px; border-radius:50%; background:#a67955; animation:typing 1s infinite; }.typing-dots i:nth-child(2) { animation-delay:.15s; }.typing-dots i:nth-child(3) { animation-delay:.3s; }@keyframes typing { 50% { opacity:.25; transform:translateY(-2px); } }
.chat-actions { padding:10px 21px; background:#fff; border-color:#e5e7e9; color:#757c82; gap:10px; }.chat-actions>span { font-size:10px; }.chat-actions button { padding:6px 10px; border-color:#e2cbbb; color:#9e4c28; border-radius:5px; font-size:11px; white-space:nowrap; }.chat-feedback { background:#fff; margin:0; padding:0 22px; font-size:11px; }.chat-feedback:not(:empty) { padding-block:8px; }
.chat-compose { display:flex; flex-direction:column; gap:8px; padding:0 21px 15px; background:#fff; margin:0; }.chat-compose textarea { width:100%; height:80px; min-height:60px; padding:9px 0; border:0; outline:none; border-radius:0; font-size:13px; line-height:1.8; }.chat-compose textarea::placeholder { color:#969ca0; }.compose-bottom { display:flex; align-items:center; justify-content:space-between; }.compose-bottom small { font-size:10px; color:#8a9095; }.chat-compose button { align-self:auto; padding:7px 25px; border-radius:5px; background:#c95325; font-size:12px; }.chat-compose button:disabled { opacity:.6; }
.chat-login-prompt { background:#fff; border-top:1px solid #eee; padding:16px 23px; display:flex; align-items:center; justify-content:space-between; gap:18px; }.chat-login-prompt p { font-size:11px; color:#707a80; margin:0; }.chat-login-prompt button { width:auto; white-space:nowrap; font-size:12px; padding:9px 15px; border-radius:5px; }
.chat-sidebar { border-left:1px solid #e6e8eb; background:#fff; overflow:auto; padding:24px 21px; }.chat-sidebar h3 { font-size:13px; margin:0 0 13px; font-weight:600; }.chat-sidebar>section { margin-bottom:26px; }.chat-sidebar p { font-size:11px; color:#798187; line-height:1.9; margin:0; }.chat-sidebar .service-hours { font-size:19px; color:#383f45; margin:5px 0; letter-spacing:-.03em; }.chat-sidebar .service-hours small { font-size:10px; color:#80878c; }.chat-faq { padding:0; border:0; background:transparent; }.chat-faq>div { display:flex; flex-direction:column; gap:0; }.chat-faq button { width:100%; text-align:left; padding:10px 0; border:0; border-bottom:1px solid #eef0f1; border-radius:0; color:#59646c; font-size:11px; background:transparent; }.chat-faq button:hover { color:#b14921; }.chat-faq button:after { content:'›'; float:right; color:#a5abb0; }.chat-sidebar a,.chat-sidebar .link-button { font-size:11px; color:#8c5434; display:block; margin-top:9px; }.chat-sidebar .sidebar-note { padding-top:18px; border-top:1px solid #eee; font-size:10px; color:#93999d; }

@media(min-width:701px){.chat-mobile-topics{display:none;}}
@media(max-width:700px){.chat-sidebar{display:none;}.chat-body{display:flex;}.chat-main{width:100%;}.chat-mobile-topics{display:flex;overflow-x:auto;gap:7px;padding:10px 15px;background:#fff;border-bottom:1px solid #e6e8eb;}.chat-mobile-topics button{white-space:nowrap;font-size:11px;color:#465879;background:#f3f6fc;border:1px solid #dbe3f3;border-radius:14px;padding:5px 10px;}}
@media(max-width:610px){.chat-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;}.chat-shell{height:100dvh;max-height:none;}.chat-top{min-height:77px;padding:13px 16px;gap:10px;}.chat-top .service-face{width:41px;height:41px;}.chat-top h2{font-size:17px;}.chat-top small{font-size:10px;}.chat-assurance{padding:9px 14px;font-size:9px;}.chat-messages{padding:20px 14px;}.message-content>p{font-size:12px;padding:10px 12px;}.chat-dialog .message{gap:7px;}.chat-actions{padding:10px 14px;}.chat-actions>span{font-size:9px;}.chat-actions button{font-size:10px;}.chat-compose{padding:0 15px max(13px,env(safe-area-inset-bottom));}.chat-compose textarea{height:75px;}.compose-bottom small{font-size:9px;}.chat-login-prompt{padding:14px;gap:10px;}.chat-login-prompt p{font-size:10px;}.chat-login-prompt button{font-size:11px;padding:9px 11px;}}