#signet-support-widget { position:fixed; right:22px; bottom:calc(22px + env(safe-area-inset-bottom)); z-index:10000; font:14px/1.5 system-ui,sans-serif; color:#edf5f8; }
#signet-support-widget *, #signet-support-widget *::before, #signet-support-widget *::after { box-sizing:border-box; }
#signet-support-widget [hidden] { display:none !important; }
#signet-support-widget button { cursor:pointer; font:inherit; letter-spacing:normal; text-transform:none; }
#signet-support-widget button:disabled { opacity:.5; cursor:wait; }
#signet-support-widget button:focus-visible, #signet-support-widget a:focus-visible, #signet-support-widget textarea:focus-visible { outline:2px solid #51e3be; outline-offset:3px; }
#signet-support-widget .sw-launch { position:relative; display:grid; place-items:center; width:52px; height:52px; min-width:52px; min-height:52px; padding:0; border:1px solid #32cfa9; border-radius:18px; background:#08765f; color:#fff !important; box-shadow:0 6px 24px #0005; }
#signet-support-widget .sw-launch svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; }
#signet-support-widget .sw-badge { position:absolute; top:-7px; right:-7px; min-width:22px; border-radius:12px; background:#ff636b; padding:1px 6px; font-size:12px; }
#signet-support-widget .sw-panel { position:absolute; right:0; bottom:72px; width:min(390px,calc(100vw - 28px)); height:min(590px,calc(100dvh - 130px)); display:flex; flex-direction:column; overflow:hidden; background:#14232d; border:1px solid #354551; border-radius:20px; box-shadow:0 20px 70px #0008; }
#signet-support-widget .sw-head { display:flex; justify-content:space-between; align-items:center; flex-shrink:0; padding:17px 18px; border-bottom:1px solid #33424d; background:#1b303b; }
#signet-support-widget .sw-head strong { display:block; font-size:17px; }
#signet-support-widget .sw-head small { color:#a9bdc8; font-size:11px; }
#signet-support-widget .sw-close, #signet-support-widget .sw-preview button { display:grid; place-items:center; width:32px; height:32px; min-width:32px; min-height:32px; border:0; border-radius:10px; background:transparent; color:#d2e0e7; font-size:25px; padding:0; box-shadow:none; }
#signet-support-widget .sw-close:hover, #signet-support-widget .sw-preview button:hover { background:#ffffff0d; }
#signet-support-widget .sw-close { flex-shrink:0; line-height:1; }
#signet-support-widget .sw-close svg { display:block; width:20px; height:20px; margin:0; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
#signet-support-widget .sw-chat { display:flex; flex:1; flex-direction:column; min-height:0; padding:12px; }
#signet-support-widget .sw-messages { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:2px 2px 10px; }
#signet-support-widget .sw-message { max-width:90%; width:fit-content; padding:10px 12px; margin:8px 0; border-radius:14px 14px 14px 3px; background:#263a47; overflow-wrap:anywhere; }
#signet-support-widget .sw-message.sw-user { margin-left:auto; background:#125947; border-radius:14px 14px 3px 14px; }
#signet-support-widget .sw-message p { margin:3px 0; white-space:pre-wrap; color:inherit; font:inherit; }
#signet-support-widget .sw-message small { display:block; color:#b7ced5; font-size:10px; }
#signet-support-widget .sw-message img { display:block; max-width:100%; max-height:260px; border-radius:8px; margin:6px 0; }
#signet-support-widget .sw-status { margin:6px 0; min-height:18px; color:#b5c9d2; font-size:12px; }
#signet-support-widget .sw-status.sw-error { color:#ffb1b4; }
#signet-support-widget .sw-form { display:flex; gap:7px; align-items:flex-end; margin:0; padding:7px; border-radius:16px; background:#0b1b24; border:0; box-shadow:none; }
#signet-support-widget .sw-form:focus-within { background:#0d202b; box-shadow:0 0 0 1px #5ee2bd55; }
#signet-support-widget .sw-form textarea { flex:1; min-width:0; min-height:40px; max-height:112px; height:40px; margin:0; padding:10px 2px; border:0 !important; border-radius:0 !important; background:transparent !important; color:#edf5f8 !important; font:inherit; font-size:14px; line-height:20px; resize:none; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
#signet-support-widget .sw-form textarea:focus-visible { outline:none !important; }
#signet-support-widget .sw-form textarea::placeholder { color:#9bb2bf !important; opacity:1; }
#signet-support-widget .sw-attach, #signet-support-widget .sw-send { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; min-height:40px; min-width:40px; padding:0; border:0; border-radius:12px; box-shadow:none; }
#signet-support-widget .sw-attach { background:#ffffff08; color:#b5cdd7; }
#signet-support-widget .sw-attach:hover { background:#ffffff14; color:#fff; }
#signet-support-widget .sw-send { background:#087f65; color:#fff !important; }
#signet-support-widget .sw-send:hover, #signet-support-widget .sw-launch:hover { background:#0a8b70; }
#signet-support-widget .sw-attach svg, #signet-support-widget .sw-send svg { display:block; width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#signet-support-widget .sw-hint { color:#91a9b7; font-size:10px; margin:6px 3px 0; }
#signet-support-widget .sw-older { border:0; background:transparent; color:#68e4c0; font-size:11px; padding:5px; }
#signet-support-widget .sw-preview { display:flex; gap:10px; align-items:center; padding:8px; overflow:hidden; }
#signet-support-widget .sw-preview img { max-height:60px; max-width:70px; border-radius:7px; }
#signet-support-widget .sw-preview span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
#signet-support-widget .sw-login { padding:24px; }
#signet-support-widget .sw-login a { color:#66e4be; }
#signet-support-widget .sw-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
#signet-support-image-viewer {
  position:fixed; inset:0; width:fit-content; max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 24px); margin:auto; padding:48px 12px 12px;
  border:0; border-radius:16px; background:#10232e; color:#fff;
}
#signet-support-image-viewer::backdrop { background:#000b; }
#signet-support-image-viewer img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 90px); object-fit:contain; margin:auto; }
#signet-support-image-viewer button { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:32px; height:32px; min-width:32px; min-height:32px; margin:0; padding:0; border:0; border-radius:10px; background:#ffffff12; color:#fff; }
#signet-support-image-viewer button svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
#signet-support-image-viewer p { margin:8px; font-size:14px; }
@media(max-width:780px) {
  #signet-support-widget { right:14px; bottom:calc(104px + env(safe-area-inset-bottom)); }
  #signet-support-widget .sw-panel { bottom:64px; height:min(560px,calc(100dvh - 192px - env(safe-area-inset-bottom))); }
  #signet-support-widget .sw-launch { width:48px; height:48px; min-width:48px; min-height:48px; padding:0; border-radius:16px; }
}