.support-widget,.support-widget *{box-sizing:border-box}
.support-widget{position:fixed;z-index:150;right:16px;bottom:16px;width:342px;height:min(540px,calc(100dvh - 32px));overflow:hidden;border:0;border-radius:8px;background:#fff;color:#343f47;box-shadow:0 8px 32px #0003;font:14px/1.45 Arial,Helvetica,sans-serif;color-scheme:light}
.support-widget[hidden],.support-widget [hidden]{display:none!important}
.support-widget .support-header{position:relative;display:flex;justify-content:center;align-items:center;height:44px;padding:0 48px;background:#c90808;color:#fff}
.support-widget .support-header h2{margin:0;font:700 16px/1.4 Arial,Helvetica,sans-serif;color:inherit}
.support-widget .support-header button{position:absolute;right:13px;top:0;width:34px;height:44px;padding:0;border:0;background:transparent;color:white;font:24px/1 Arial;cursor:pointer}
.support-intake{display:flex;flex-direction:column;height:calc(100% - 44px);margin:0;padding:0;background:white}
.support-fields{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 20px 20px;scrollbar-width:thin;scrollbar-color:#d5dadd #fff}
.support-widget .support-fields>label{display:block;margin:0 0 14px;font-size:14px;font-weight:700;color:#343f47}
.support-widget input,.support-widget textarea,.support-widget select{display:block;width:100%;min-width:0;border:1px solid #d6dade;border-radius:4px;background:white;color:#343f47;box-shadow:none;font:14px/1.4 Arial,Helvetica,sans-serif;outline:none}
.support-widget .support-fields>input,.support-widget select{height:40px;padding:9px 12px;margin:0 0 17px}
.support-widget .support-fields>textarea{height:118px;resize:vertical;min-height:100px;padding:10px 12px;margin:0}
.support-widget input:focus,.support-widget textarea:focus,.support-widget select:focus{border-color:#7d929f;box-shadow:0 0 0 2px #7d929f20}
.support-select{position:relative}.support-widget select{appearance:none;padding-right:35px}.support-select:after{content:'';position:absolute;right:17px;top:14px;width:7px;height:7px;border-right:1px solid #687885;border-bottom:1px solid #687885;transform:rotate(45deg);pointer-events:none}
.support-form-footer{flex:none;display:flex;justify-content:flex-end;align-items:center;min-height:68px;padding:14px 20px;border-top:1px solid #e6e9ec;box-shadow:0 -5px 14px #17273503;background:white}
.support-widget .support-form-footer button{padding:10px 15px;border:0;border-radius:4px;background:#c90808;color:#fff;font:14px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}
.support-widget button:disabled{opacity:.55;cursor:wait}.support-widget button:focus-visible{outline:2px solid #567a97;outline-offset:2px}
.support-chat{display:flex;flex-direction:column;height:calc(100% - 44px);background:#f7f8fa}
.support-agent{display:flex;align-items:center;gap:10px;padding:14px 16px;background:white;border-bottom:1px solid #e8ebee}
.support-agent-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#c90808;background:#fff1f1}.support-agent-icon svg{width:23px;height:23px}
.support-agent strong{display:block;font-size:14px}.support-agent small{display:block;margin-top:2px;font-size:11px;color:#7b8792}.support-agent>button{margin-left:auto;border:0;background:none;color:#7b8792;font:12px Arial;cursor:pointer}
.support-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.support-message{max-width:88%;align-self:flex-start;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:10px 10px 10px 2px;padding:11px 13px;background:white;box-shadow:0 1px 3px #17273512;color:#343f47;font-size:13px}
.support-message.is-user{align-self:flex-end;border-radius:10px 10px 2px 10px;background:#c90808;color:white}
.support-message small{display:block;font-size:10px;opacity:.65;text-align:right;margin-top:5px}.support-message.is-system{align-self:center;text-align:center;background:none;box-shadow:none;color:#7b8792;font-size:11px;max-width:100%}
.support-composer{display:flex;align-items:flex-end;gap:8px;padding:12px;background:white;border-top:1px solid #e8ebee}.support-widget .support-composer textarea{resize:none;max-height:100px;min-height:42px;padding:11px;border-color:#e4e8eb;font-size:14px}.support-composer button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:0;border-radius:5px;color:white;background:#c90808;cursor:pointer}.support-composer svg{width:21px;height:21px}
.support-widget .support-error{margin:12px 0 0;color:#b80808;font:12px/1.4 Arial}.support-chat>.support-error{margin:0;padding:8px 14px;background:#fff3f3}
body.support-is-open .floating-actions{visibility:hidden}
@media(max-width:768px){.support-widget{inset:0;width:100%;height:100dvh;max-height:none;border-radius:0;z-index:300;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.support-widget .support-header{height:48px}.support-widget .support-header button{height:48px}.support-intake,.support-chat{height:calc(100% - 48px)}.support-fields{padding:16px 20px 20px}.support-widget .support-fields>label{margin-bottom:14px}.support-widget .support-fields>input,.support-widget select{height:43px;margin-bottom:17px}.support-widget .support-fields>textarea{height:118px}.support-form-footer{min-height:72px;padding:16px 20px 14px}body.support-is-open{overflow:hidden}}
@media(prefers-reduced-motion:no-preference){.support-widget:not([hidden]){animation:support-open .16s ease-out}@keyframes support-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.support-widget .support-live-frame{display:block;width:100%;height:100%;border:0;background:white;border-radius:inherit}.support-widget .support-connection{display:flex;min-height:100%;padding:24px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}.support-widget .support-connection strong{color:#c90808;font-size:20px}.support-widget .support-connection p{line-height:1.5}.support-widget .support-connection button{padding:10px 18px;background:#c90808;color:#fff;border:0;border-radius:4px;cursor:pointer}
