.vlotho-chat { position: fixed; z-index: 2147483000; right: 20px; bottom: 20px; font: 14px/1.4 system-ui, sans-serif; color: #17202a; }
.vlotho-chat__launcher { border: 0; border-radius: 999px; padding: 13px 22px; background: #176b55; color: #fff; font-weight: 700; box-shadow: 0 8px 28px #0003; cursor: pointer; }
.vlotho-chat__panel { position: absolute; right: 0; bottom: 58px; display:flex; flex-direction:column; width: min(370px, calc(100vw - 24px)); height: min(540px, calc(100vh - 100px)); overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 16px 50px #0004; }
.vlotho-chat__panel[hidden] { display:none; }
.vlotho-chat__header { display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; background: #176b55; color: #fff; }
.vlotho-chat__header div { display: grid; gap: 2px; }
.vlotho-chat__header span { font-size: 12px; opacity: .82; }
.vlotho-chat__header button { border: 0; background: none; color: inherit; font-size: 26px; cursor: pointer; }
.vlotho-chat__messages { box-sizing: border-box; flex:1 1 auto; min-height:0; padding: 14px; overflow-y: auto; background: #f2f5f3; }
.vlotho-chat__message { box-sizing: border-box; width: fit-content; max-width: 86%; margin: 0 0 12px; padding: 10px 12px; border-radius: 14px; box-shadow: 0 1px 4px #0002; white-space: pre-wrap; overflow-wrap: anywhere; }
.vlotho-chat__message--customer { margin-right: auto; border-bottom-left-radius: 4px; background: #fff; color: #17202a; }
.vlotho-chat__message--staff { margin-left: auto; border-bottom-right-radius: 4px; background: #176b55; color: #fff; }
.vlotho-chat__message-meta { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; }
.vlotho-chat__message-meta strong { color: #176b55; font-size: 12px; }
.vlotho-chat__message--staff .vlotho-chat__message-meta strong { color: #fff; }
.vlotho-chat__message-role { border-radius: 999px; padding: 1px 6px; background: #e3f1ec; color: #176b55; font-size: 10px; font-weight: 700; letter-spacing: .02em; }
.vlotho-chat__message--staff .vlotho-chat__message-role { background: #ffffff2e; color: #fff; }
.vlotho-chat__attachment { display:block; margin-top:7px; color:inherit; font-weight:700; overflow-wrap:anywhere; }
.vlotho-chat__audio { display:block; width:min(260px, 100%); margin-top:8px; }
.vlotho-chat__audio-retry { display:block; margin-top:6px; border:1px solid currentColor; border-radius:8px; padding:5px 8px; background:transparent; color:inherit; cursor:pointer; font:600 11px/1.2 system-ui,sans-serif; }
.vlotho-chat__audio-retry[hidden] { display:none; }
.vlotho-chat__system { margin: 8px; text-align: center; color: #647067; font-size: 12px; }
.vlotho-chat__menu-toggle { flex:none; padding:8px 10px; border-top:1px solid #dfe7e2; background:#fff; }
.vlotho-chat__menu-toggle button { width:100%; min-height:38px; border:1px solid #176b55; border-radius:10px; background:#fff; color:#176b55; font:700 13px/1.2 system-ui,sans-serif; cursor:pointer; }
.vlotho-chat__menu-toggle button:hover,.vlotho-chat__menu-toggle button:focus-visible { background:#e9f4f0; outline:none; }
.vlotho-chat__menu { flex:none; background:#fff; }
.vlotho-chat__menu[hidden] { display:none; }
.vlotho-chat__quick-actions { display:grid; flex:none; gap:7px; padding:0 10px 8px; background:#fff; }
.vlotho-chat__quick-actions a { display:grid; place-items:center; box-sizing:border-box; width:100%; min-height:38px; border:1px solid #176b55; border-radius:10px; background:#fff; color:#176b55; font:700 13px/1.2 system-ui,sans-serif; text-align:center; text-decoration:none; }
.vlotho-chat__quick-actions a:hover,.vlotho-chat__quick-actions a:focus-visible { background:#e9f4f0; outline:none; }
.vlotho-chat__recovery-result { margin:8px; border:1px solid #b9d5ca; border-radius:12px; padding:10px; background:#fff; color:#3d4c46; font-size:12px; }
.vlotho-chat__recovery-result p { margin:0 0 9px; }
.vlotho-chat__recovery-result a { display:block; border-radius:9px; padding:9px 10px; background:#2aabee; color:#fff; font-weight:700; text-align:center; text-decoration:none; }
.vlotho-chat__max-offer { flex:none; padding:8px 10px 0; border-top:1px solid #dfe7e2; background:#fff; }
.vlotho-chat__max-offer[hidden] { display:none; }
.vlotho-chat__max-offer a { display:flex; align-items:center; gap:9px; min-height:42px; box-sizing:border-box; padding:7px 9px; border:1px solid #cbd7d1; border-radius:11px; color:#176b55; text-decoration:none; transition:background-color .15s ease,border-color .15s ease; }
.vlotho-chat__max-offer a:hover,.vlotho-chat__max-offer a:focus-visible { border-color:#176b55; background:#f1f8f5; outline:none; }
.vlotho-chat__max-icon { display:grid; place-items:center; flex:none; width:34px; height:27px; border-radius:10px; background:#176b55; color:#fff; font-size:10px; font-weight:800; letter-spacing:.02em; }
.vlotho-chat__max-copy { display:grid; flex:1; min-width:0; line-height:1.2; }
.vlotho-chat__max-copy strong { font-size:13px; }
.vlotho-chat__max-copy small { margin-top:2px; color:#647067; font-size:10px; }
.vlotho-chat__max-arrow { flex:none; font-size:18px; line-height:1; }
.vlotho-chat__form { display: grid; flex:none; gap: 7px; box-sizing:border-box; height: 110px; padding: 10px; background: #fff; }
.vlotho-chat__form textarea { width:100%; box-sizing:border-box; resize: none; border: 1px solid #cbd7d1; border-radius: 9px; padding: 8px; font: inherit; }
.vlotho-chat__form-actions { display:flex; align-items:center; gap:7px; min-width:0; }
.vlotho-chat__file-button { flex:none; border:1px solid #cbd7d1; border-radius:9px; padding:7px 9px; color:#176b55; cursor:pointer; font-weight:700; }
.vlotho-chat__file-button input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.vlotho-chat__voice-button { flex:none; align-self:stretch; border:1px solid #cbd7d1; border-radius:9px; padding:0 9px; background:#fff; color:#176b55; cursor:pointer; font:700 12px/1.2 system-ui,sans-serif; }
.vlotho-chat__voice-button:hover,.vlotho-chat__voice-button:focus-visible { border-color:#176b55; background:#f1f8f5; outline:none; }
.vlotho-chat__voice-button.is-listening { border-color:#b42318; background:#fff1f0; color:#b42318; animation:vlotho-chat-voice-pulse 1.2s ease-in-out infinite; }
@keyframes vlotho-chat-voice-pulse { 50% { box-shadow:0 0 0 4px #b4231822; } }
.vlotho-chat__paste-preview { position:relative; flex:none; width:34px; height:34px; }
.vlotho-chat__paste-preview[hidden] { display:none; }
.vlotho-chat__paste-preview img { width:34px; height:34px; border-radius:7px; object-fit:cover; }
.vlotho-chat__paste-preview button { position:absolute; top:-6px; right:-6px; width:18px; height:18px; padding:0; border:1px solid #fff; border-radius:50%; background:#9b2c2c; color:#fff; font:700 14px/15px system-ui,sans-serif; }
.vlotho-chat__file-name { flex:1; min-width:0; overflow:hidden; color:#647067; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.vlotho-chat__form-actions > button[type="submit"] { align-self:stretch; border: 0; border-radius: 9px; padding: 0 12px; background: #176b55; color: #fff; cursor: pointer; }
.vlotho-chat__form-actions > button[type="submit"]:disabled { opacity:.55; cursor:wait; }
@media (max-width: 480px) { .vlotho-chat { right: 12px; bottom: 12px; } }

.vlotho-chat__telegram-offer { flex:none; padding:8px 10px 0; border-top:1px solid #dfe7e2; background:#fff; }
.vlotho-chat__telegram-offer[hidden] { display:none; }
.vlotho-chat__telegram-offer a { display:flex; align-items:center; gap:9px; min-height:42px; box-sizing:border-box; padding:7px 9px; border:1px solid #cbd7d1; border-radius:11px; color:#176b55; text-decoration:none; transition:background-color .15s ease,border-color .15s ease; }
.vlotho-chat__telegram-offer a:hover,.vlotho-chat__telegram-offer a:focus-visible { border-color:#176b55; background:#f1f8f5; outline:none; }
.vlotho-chat__telegram-icon { display:grid; place-items:center; flex:none; width:34px; height:27px; border-radius:10px; background:#2AABEE; color:#fff; font-size:10px; font-weight:800; letter-spacing:.02em; }
.vlotho-chat__telegram-copy { display:grid; flex:1; min-width:0; line-height:1.2; }
.vlotho-chat__telegram-copy strong { font-size:13px; }
.vlotho-chat__telegram-copy small { margin-top:2px; color:#647067; font-size:10px; }
.vlotho-chat__telegram-arrow { flex:none; font-size:18px; line-height:1; }
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__launcher,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__header,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__message--staff,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__form-actions > button[type="submit"] { background:#344257; }
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__menu-toggle button,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__quick-actions a,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__file-button,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__voice-button,
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__message-meta strong { color:#344257; border-color:#344257; }
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__message--staff .vlotho-chat__message-meta strong { color:#fff; }
.vlotho-chat[data-chat-brand="vega"] .vlotho-chat__max-icon { background:#E6A323; color:#202b3a; }