.chat { min-width: 300px; min-height: 320px; resize: both; }
.chat [hidden] { display: none !important; }
.chat-launch { width: 62px; height: 62px; min-height: 62px; border-radius: 999px; display: flex; align-items: center; gap: 8px; padding: 5px; overflow: hidden; background: #090c0d; color: #14252b; font-size: 13px; font-weight: 800; white-space: nowrap; transition: width .3s ease, box-shadow .3s ease; }
.chat-brand { flex: none; width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.chat-launch-label { flex: none; white-space: nowrap; opacity: 0; transform: translateX(7px); transition: opacity .2s ease, transform .3s ease; }
@media(hover:hover) and (pointer:fine) { .chat-launch:hover { width: 176px; background: linear-gradient(90deg,#090c0d 0%,#090c0d 28%,#f0f4f2 43%,#fff 100%); box-shadow: 0 16px 36px #14252b52; } .chat-launch:hover .chat-launch-label { opacity: 1; transform: translateX(0); } }
.chat-launch:focus-visible { width: 176px; background: linear-gradient(90deg,#090c0d 0%,#090c0d 28%,#f0f4f2 43%,#fff 100%); box-shadow: 0 16px 36px #14252b52; }
.chat-launch:focus-visible .chat-launch-label { opacity: 1; transform: translateX(0); }
@media(prefers-reduced-motion:reduce) { .chat-launch,.chat-launch-label { transition: none; } }
.chat.fullscreen { inset: 10px !important; width: auto !important; height: auto !important; max-width: none; max-height: none; resize: none; }
.chat-head { cursor: move; user-select: none; gap: 8px; flex: none; }
.chat-head > div:first-child { min-width: 0; flex: 1; }
.chat-head strong,.chat-head small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-window-tools { display: flex; gap: 3px; }
.chat-window-tools button { border: 0; background: transparent; color: #fff; width: 30px; height: 30px; border-radius: 3px; font-size: 18px; cursor: pointer; }
.chat-window-tools button:hover,.chat-window-tools button:focus-visible { background: #ffffff30; }
.chat-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px; background: #edf3ef; flex: none; }
.chat-modes button { border: 1px solid #b8cec1; background: #fff; color: #24533e; border-radius: 4px; min-height: 36px; font-size: 12px; font-weight: 800; }
.chat-modes button[aria-selected="true"] { background: #17332f; color: #fff; border-color: #17332f; }
.chat-mode-note { padding: 9px 14px; font-size: 11px; line-height: 1.4; background: #fff8e8; color: #654f23; border-bottom: 1px solid #ebdfbf; flex: none; }
.chat-human { padding: 18px; background: #f7faf8; flex: 1; overflow: auto; font-size: 13px; line-height: 1.6; }
.chat-human strong { display: block; font-size: 16px; margin-bottom: 5px; }
.chat-human a { display: inline-block; margin-top: 10px; color: #075b42; font-weight: 800; text-decoration: underline; }
.chat-phone { border-top: 1px solid #dce2e1; padding: 9px 14px; background: #f2f7f3; font-size: 12px; flex: none; }
.chat-phone a { color: #096b4c; font-weight: 900; }
@media(max-width:580px) { .chat { min-width: 0; max-width: calc(100vw - 20px); max-height: calc(100dvh - 95px); resize: none; } .chat-head { cursor: default; } }