.support-widget{position:fixed;right:24px;bottom:24px;z-index:70;color:#10232e;font-size:14px}.support-launch{display:flex;align-items:center;gap:10px;border:0;border-radius:28px;background:linear-gradient(120deg,#087be2,#0a939e);color:white;padding:15px 20px;box-shadow:0 8px 30px #123d5b40;cursor:pointer;font-weight:700}.support-launch i{width:9px;height:9px;border-radius:50%;background:#c0cad3}.support-launch i.online{background:#b1ffb9}.support-window{position:absolute;right:0;bottom:64px;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 180px);background:#fff;border:1px solid #d6e5ed;border-radius:22px;box-shadow:0 20px 70px #102d4d33;display:flex;flex-direction:column;overflow:hidden}.support-window[hidden]{display:none}.support-window>header{display:flex;justify-content:space-between;align-items:center;padding:18px;background:linear-gradient(120deg,#e9f4ff,#e5fbf5)}.support-status{display:block;font-size:11px;margin-top:5px}.support-hide{font-size:26px;border:0;background:transparent;cursor:pointer;padding:0 10px}.support-scroll{overflow:auto;overscroll-behavior:contain;min-height:80px;max-height:410px;padding:14px;scrollbar-width:thin}.support-message{border-radius:15px;background:#f0f5f8;padding:11px 13px;margin:0 20px 12px 0;overflow-wrap:anywhere}.support-message p{white-space:pre-wrap;margin:6px 0 0;line-height:1.55}.support-message small{font-size:10px;color:#455e70}.support-message.role-CUSTOMER{margin:0 0 12px 20px;background:#e1f2ff}.support-message.role-SUPPORT{background:#dff7ef}.support-message.role-SYSTEM{background:transparent;font-size:12px;border:1px dashed #bdd0d9}.support-compose,.support-window>details,.support-handover{padding:10px 16px}.support-compose{border-top:1px solid #e5edf2}.support-compose label{font-size:12px;display:block;margin-bottom:4px}.support-compose textarea,.support-admin-compose textarea{width:100%;resize:vertical;max-height:160px;min-height:55px}.support-compose button{margin-top:8px;width:100%}.support-window>details{font-size:11px;overflow:auto;flex-shrink:0;max-height:100px}.support-window>details p{line-height:1.5}.support-pending,.support-error{font-size:12px;margin:0 16px}.support-error{color:#9e2430}.support-handover small{display:block;margin-bottom:6px}.support-handover .btn{font-size:12px}.support-admin-grid{display:grid;grid-template-columns:minmax(210px,1fr) minmax(320px,2fr);gap:20px}.support-chat-row{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;padding:14px;margin-top:8px;border:1px solid #dbe6eb;border-radius:12px;background:#f6f9fb;color:inherit;cursor:pointer;overflow-wrap:anywhere}.support-chat-row.selected{border-color:#0789ce;background:#e6f4ff}.support-chat-row small{font-size:11px}.support-detail{min-width:0}.support-detail h2{font-size:17px;overflow-wrap:anywhere}.support-detail .support-scroll{max-height:55vh}.support-admin-error{color:#9e2430}.support-controls select{max-width:440px}.support-admin-compose button{margin-top:10px}.support-controls label{display:block}.support-chat-list{max-height:60vh;overflow:auto}
@media(max-width:760px){.support-widget{right:14px;bottom:calc(80px + env(safe-area-inset-bottom))}.support-window{bottom:60px;max-height:calc(100dvh - 175px - env(safe-area-inset-bottom))}.support-launch{padding:12px 17px}.support-admin-grid{grid-template-columns:1fr}.support-chat-list{max-height:220px}}