.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__system { margin: 8px; text-align: center; color: #647067; font-size: 12px; }
.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__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; } }