/* Standalone support widget. Intentionally scoped away from the application. */
#seedline-support{--slsp-purple:#7453ad;--slsp-ink:#302b40;--slsp-muted:#736b80;--slsp-line:#e7e0ee;position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:9000;color:var(--slsp-ink);font:14px/1.5 "Seedline Studio Manrope","Manrope","Segoe UI",Arial,sans-serif;color-scheme:light;text-align:left}
#seedline-support,#seedline-support *{box-sizing:border-box}
#seedline-support [hidden],#seedline-support[hidden]{display:none!important}
#seedline-support button,#seedline-support textarea{font:inherit;letter-spacing:normal;text-transform:none}
#seedline-support button{cursor:pointer;margin:0;appearance:none;box-shadow:none;line-height:1.3}
#seedline-support button:disabled{cursor:default;opacity:.5}
#seedline-support button:focus-visible,#seedline-support textarea:focus-visible{outline:3px solid #b6a1d9;outline-offset:3px}
#seedline-support svg{width:22px;height:22px;display:block;flex:none}
#seedline-support h2,#seedline-support h3,#seedline-support p{margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none;background:none;-webkit-text-fill-color:currentColor}
#seedline-support .sl-support-launcher{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;margin-left:auto;border:1px solid #69489e;border-radius:18px;background:#7453ad;color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 20px #53337a2b;transition:background .15s ease,transform .15s ease}
#seedline-support .sl-support-launcher:hover{background:#634394;transform:translateY(-1px)}
#seedline-support .sl-support-panel{position:absolute;right:0;bottom:66px;width:380px;height:min(570px,calc(100dvh - 114px));min-height:280px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e6dfed;border-radius:22px;box-shadow:0 16px 64px #3b255727,0 3px 12px #3b25570a}
#seedline-support .sl-support-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 14px 15px 18px;background:linear-gradient(120deg,#f4effa,#faf5f9);border-bottom:1px solid var(--slsp-line);flex:none}
#seedline-support .sl-support-brand{display:flex;align-items:center;gap:10px;min-width:0}
#seedline-support .sl-support-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e4d9f1;border-radius:13px;background:#ece4f6;color:var(--slsp-purple);flex:none}
#seedline-support h2{font-size:15px;line-height:1.4;font-weight:650;color:#4b365f}
#seedline-support .sl-support-subtitle{font-size:11px;color:var(--slsp-muted);margin-top:3px;overflow-wrap:anywhere}
#seedline-support .sl-support-close{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:12px;background:transparent;color:#786687;flex:none}
#seedline-support .sl-support-close:hover{background:#eae0f3}
#seedline-support .sl-support-viewport{flex:1;min-height:0;overflow:auto;padding:18px 16px;background:#fcfbfd;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6c8e5 transparent}
#seedline-support .sl-support-welcome{height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;padding:16px 20px}
#seedline-support .sl-support-welcome-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:19px;background:#f0e9f8;color:#8564b1;margin-bottom:4px}
#seedline-support .sl-support-welcome-mark svg{width:26px;height:26px}
#seedline-support .sl-support-welcome h3{font-size:18px;font-weight:600;color:#574363}
#seedline-support .sl-support-welcome p{font-size:13px;line-height:1.65;max-width:240px;color:var(--slsp-muted)}
#seedline-support .sl-support-messages{display:flex;flex-direction:column;gap:14px}
#seedline-support .sl-support-message{max-width:90%;align-self:flex-start;padding:11px 13px;border:1px solid var(--slsp-line);border-radius:15px 15px 15px 4px;background:#fff;overflow-wrap:anywhere;min-width:80px}
#seedline-support .sl-support-message--visitor{align-self:flex-end;border-color:#e6dbee;background:#f1eaf8;border-radius:15px 15px 4px 15px}
#seedline-support .sl-support-message-who{display:block;font-size:10px;font-weight:650;color:#7e668b;margin-bottom:4px}
#seedline-support .sl-support-message-text{font-size:13px;line-height:1.65;color:var(--slsp-ink);white-space:pre-wrap;overflow-wrap:anywhere}
#seedline-support .sl-support-message-meta{display:block;font-size:10px;line-height:1.5;color:#75647d;margin-top:7px}
#seedline-support .sl-support-notice,#seedline-support .sl-support-resolved{padding:10px 16px;background:#faf4e8;border-top:1px solid #efdfbd;color:#795f2b;font-size:12px;line-height:1.5;flex:none}
#seedline-support .sl-support-resolved{background:#f0f5f1;border-top-color:#dce7de;color:#45664d}
#seedline-support .sl-support-reload{display:block;border:0;background:transparent;color:inherit;min-height:44px;font-size:12px;font-weight:600;text-decoration:underline;padding:8px 0 0}
#seedline-support .sl-support-composer{padding:12px 14px 10px;border-top:1px solid var(--slsp-line);background:#fff;flex:none}
#seedline-support .sl-support-input{display:block;width:100%;min-height:64px;max-height:126px;resize:vertical;border:1px solid #e2d9eb;border-radius:12px;background:#fff;color:var(--slsp-ink);padding:10px 12px;font-size:14px;line-height:1.5;outline:none;box-shadow:none;caret-color:var(--slsp-purple)}
#seedline-support .sl-support-input::placeholder{color:#988ca4;opacity:1}
#seedline-support .sl-support-input:focus{border-color:#a78cc6}
#seedline-support .sl-support-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}
#seedline-support .sl-support-count{font-size:10px;color:#786981;font-variant-numeric:tabular-nums}
#seedline-support .sl-support-send{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:89px;padding:10px 14px;border:1px solid #7453ad;border-radius:12px;background:#7453ad;color:#fff;font-size:12px;font-weight:600}
#seedline-support .sl-support-send svg{width:17px;height:17px}
#seedline-support .sl-support-send:not(:disabled):hover{background:#634394}
#seedline-support .sl-support-help{font-size:10px;line-height:1.5;margin-top:8px;color:#786981}
#seedline-support .sl-support-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){
 #seedline-support{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 #seedline-support .sl-support-panel{width:min(380px,calc(100vw - 24px));height:min(570px,calc(100dvh - 96px));bottom:64px;border-radius:18px}
 #seedline-support .sl-support-input{font-size:16px}
 #seedline-support .sl-support-launcher{min-height:50px;padding:0 17px;border-radius:16px}
 #seedline-support .sl-support-header{padding:12px}
}
@media(prefers-reduced-motion:reduce){#seedline-support .sl-support-launcher{transition:none}}
@media(max-height:520px){
 #seedline-support .sl-support-panel{height:calc(100dvh - 96px);min-height:0}
 #seedline-support .sl-support-header{padding:6px 12px}
 #seedline-support .sl-support-mark{width:32px;height:32px;border-radius:10px}
 #seedline-support .sl-support-input{height:44px;min-height:44px;max-height:64px}
 #seedline-support .sl-support-composer{padding:8px 12px}
 #seedline-support .sl-support-help{display:none}
 #seedline-support .sl-support-form-foot{margin-top:5px}
 #seedline-support .sl-support-welcome{min-height:0;padding:4px}
 #seedline-support .sl-support-welcome-mark{display:none}
}
