.support-widget { position:fixed; right:18px; bottom:18px; z-index:280; font:13px/1.4 Inter,system-ui,sans-serif; }.support-widget.is-hidden,.support-panel.is-hidden,.support-launcher.is-hidden { display:none; }
.support-launcher { display:grid; width:44px; height:44px; place-items:center; border:0; border-radius:50%; color:#fff; background:#f2632d; box-shadow:0 10px 28px rgba(98,48,25,.22); cursor:pointer; }.support-launcher svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
.support-panel { position:absolute; right:0; bottom:55px; display:grid; width:min(360px,calc(100vw - 24px)); height:min(510px,calc(100vh - 90px)); grid-template-rows:auto 1fr auto; overflow:hidden; border:1px solid #eadfd7; border-radius:18px; background:#fff; box-shadow:0 22px 60px rgba(58,39,30,.18); }
.support-panel header { display:flex; min-height:56px; align-items:center; justify-content:space-between; padding:10px 13px; border-bottom:1px solid #eee5de; }.support-panel header b,.support-panel header small { display:block; }.support-panel header small { color:#8e7e74; font-size:10px; }.support-panel header button { display:grid; width:30px; height:30px; place-items:center; border:0; border-radius:8px; color:#625850; background:transparent; cursor:pointer; }.support-panel header svg,.support-toolbar svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.support-messages { overflow:auto; padding:13px; background:#fffdfb; }.support-empty { margin:0; color:#9b8c83; font-size:11px; }.support-message { max-width:86%; margin:0 0 9px; border-radius:13px; padding:8px 10px; color:#302824; background:#f5f1ee; white-space:pre-wrap; }.support-message.user { margin-left:auto; background:#fff0e7; }.support-message small { display:block; margin-top:4px; color:#9a8b82; font-size:9px; }.support-attachments { margin-top:5px; color:#7b6c63; font-size:9px; }
.support-composer { margin:9px; border:1px solid #ef6c3d; border-radius:14px; background:#fff; }.support-composer textarea { display:block; width:100%; min-height:58px; max-height:120px; resize:none; border:0; padding:10px 11px 4px; color:#2e2825; background:transparent; outline:0; font:13px/1.4 Georgia,serif; }.support-toolbar { display:flex; min-height:40px; align-items:center; gap:6px; padding:4px 7px; }.support-toolbar label,.support-toolbar button { display:grid; width:30px; height:30px; place-items:center; border:0; border-radius:9px; color:#5c534e; background:transparent; cursor:pointer; }.support-toolbar button.recording { color:#fff; background:#b94331; }.support-toolbar #supportStatus { min-width:0; flex:1; overflow:hidden; color:#9a8b82; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.support-toolbar .support-send { margin-left:auto; color:#fff; background:#f2632d; border-radius:50%; }.support-files { display:flex; gap:5px; overflow-x:auto; padding:7px 8px 0; }.support-files:empty { display:none; }.support-file { display:flex; max-width:150px; align-items:center; gap:4px; border-radius:999px; padding:4px 7px; color:#755f53; background:#f7f1ed; font-size:9px; white-space:nowrap; }.support-file button { border:0; color:inherit; background:none; cursor:pointer; }
@media (max-width:600px) { .support-widget { right:12px; bottom:12px; }.support-panel { position:fixed; inset:10px; width:auto; height:auto; }.support-launcher { width:42px; height:42px; } }