.visitor-support-window{position:fixed;right:24px;bottom:24px;width:400px;max-width:calc(100vw - 24px);height:590px;max-height:calc(100dvh - 36px);z-index:12000;display:flex;flex-direction:column;border:1px solid #b899d4;border-radius:20px;background:#211b29;color:#f6effb;box-shadow:0 18px 70px #0008;font:15px/1.45 Arial,sans-serif;overflow:hidden;text-align:left}.visitor-support-window[hidden]{display:none}.support-window-head{display:flex;align-items:center;gap:10px;padding:18px;background:#352345;border-bottom:1px solid #51405e}.support-window-head img{width:40px;height:40px}.support-window-head div{flex:1}.support-window-head strong,.support-window-head small{display:block}.support-window-head small{font-size:12px;color:#d7cbdf;margin-top:3px}.support-window-head button{border:0;background:none;color:inherit;cursor:pointer;font-size:25px;padding:5px}.support-chat-status{margin:12px 16px 0;background:#42be65;color:#08130c;border-radius:20px;padding:7px 12px;font-size:12px;text-align:center}.support-chat-stream{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.support-message{max-width:88%;align-self:flex-start}.support-message.own{align-self:flex-end}.support-bubble{background:#45384f;padding:11px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.own .support-bubble{background:#c6a2ed;color:#201329}.support-message small,.support-message time{display:block;font-size:11px;color:#cabbd3;margin:3px 5px}.support-compose{background:#352345;display:flex;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid #564260;margin:0}.support-compose textarea{width:100%;min-width:0;resize:none;border:1px solid #a68abb;border-radius:13px;background:#2b2233;color:#fff;padding:18px 12px;font:inherit}.support-compose button{border:0;border-radius:50%;width:42px;height:42px;flex-shrink:0;background:#42be65;color:#08130c;font-size:24px;cursor:pointer}.support-chat-footer{padding:0 14px 13px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.support-chat-footer small{font-size:10px;color:#cbbdd5}.support-end,.support-restart,.support-contact,.support-inbox-launch{color:#e5d4f5;background:#36283f;border:1px solid #695079;border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit}.support-contact{display:block;width:100%;margin:5px 0;text-align:left;font-size:12px}.support-inbox-launch{font-size:11px}.visitor-support-window button:focus-visible,.visitor-support-window textarea:focus-visible{outline:2px solid #8aefae;outline-offset:2px}.visitor-support-window button:disabled{opacity:.5;cursor:default}@media(max-width:520px){.visitor-support-window{right:12px;bottom:12px;width:calc(100vw - 24px);height:620px}.support-window-head{padding:13px}}

.support-visitor-toast{position:fixed;right:24px;bottom:24px;z-index:12010;background:#443052;color:#fff;border:1px solid #bd99de;border-radius:12px;padding:16px;max-width:320px;cursor:pointer;box-shadow:0 8px 30px #0008;font:14px/1.4 Arial,sans-serif}

.support-quick-replies{display:flex;flex-wrap:wrap;gap:6px}.support-quick-replies button{background:transparent;color:#ead6fc;border:1px solid #bc99d8;border-radius:20px;padding:6px 9px;cursor:pointer;font:12px Arial,sans-serif}

.support-message.from-support .support-bubble{background:#b8def4;color:#142538}.support-admin-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;border-top:1px solid #574365;padding-top:9px}.support-admin-controls label{font-size:12px}.support-admin-controls input{width:85px;padding:6px;border:1px solid #8c74a0;background:#211b29;color:#f6effb;border-radius:6px}.support-block{background:#513344;color:#fff;border:1px solid #aa718a;border-radius:7px;padding:7px;cursor:pointer}.support-chat-footer small{flex:1;min-width:200px;font-size:11px}.support-admin-window{height:670px}

.support-compose{display:block}.support-compose-entry{display:flex;gap:2px;align-items:center}.support-offline-fields{display:grid;gap:8px;margin-bottom:12px}.support-offline-fields[hidden]{display:none}.support-offline-fields label{display:grid;gap:4px;font-size:12px}.support-offline-fields input{box-sizing:border-box;width:100%;background:#211b29;color:#fff;border:1px solid #9e81b3;border-radius:7px;padding:8px;font:inherit}.support-contact-summary{margin:8px 16px 0;font-size:12px;overflow-wrap:anywhere;color:#d5eefe}.support-contact-summary[hidden]{display:none}

.support-message.own:not(.from-support) .support-bubble{background:linear-gradient(120deg,#8d40e9,#b05bfa);color:#fff}.support-message.from-support .support-bubble{background:linear-gradient(120deg,#46cee8,#7ee5ef);color:#10222b}.support-compose-entry[hidden],.support-chat-stream[hidden]{display:none}.support-start{border-radius:12px!important;width:auto!important;font-size:14px!important;padding:0 18px!important}.visitor-support-window:has(.support-start:not([hidden])) .support-compose{flex:1}.support-start[hidden]{display:none}

.support-quick-replies button{transition:border-color .16s ease,box-shadow .16s ease}.visitor-support-window:not(:has(.support-compose textarea:focus)) .support-quick-replies button:hover{border-color:#cfabf5;box-shadow:0 0 0 1px #cfabf566,0 0 11px #bc97f288}.visitor-support-window:has(.support-compose textarea:focus) .support-quick-replies button{box-shadow:none}

/* Compact portraits and stable support inbox rows. */
.support-end{position:relative;top:5px}
.support-compose .support-send{width:39.9px;height:39.9px;font-size:22.8px;transform:translateX(5px)}
.support-message{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:7px;max-width:94%;min-width:0}
.support-message .support-avatar{grid-column:1;grid-row:1/4;width:28px;height:28px;object-fit:contain;align-self:start;margin-top:4px}
.support-message>small,.support-message>.support-bubble,.support-message>time{grid-column:2;min-width:0}
.support-team-arrival{font-size:12px;color:#bce9df;text-align:center;padding:6px 8px}
.support-contact-row{display:flex;align-items:center;gap:4px;min-width:0}
.support-contact-row .support-contact{flex:1;min-width:0;overflow-wrap:anywhere}
.support-contact.is-selected{border-color:#ba8ee4;background:#493153}
.support-contact-remove{flex:none;border:0;background:transparent;color:#ff6576;font:bold 20px Arial;cursor:pointer;padding:8px;border-radius:6px}
.support-contact-remove:hover,.support-contact-remove:focus-visible{background:#7f253b55;outline:1px solid #ff6576}