.ssa-root { --ssa-green:#1269aa; --ssa-dark:#0b3f77; --ssa-gold:#eb8124; font-family:Arial,system-ui,sans-serif; color:#17324b; line-height:1.4; }
.ssa-root * { box-sizing:border-box; }
.ssa-root [hidden] { display:none!important; }
.ssa-toggle { position:fixed; right:18px; top:50%; transform:translateY(-50%); z-index:99998; display:flex; flex-direction:column; align-items:center; gap:4px; border:2px solid #fff; border-radius:22px; padding:8px 10px; min-width:104px; color:#fff; background:var(--ssa-green); box-shadow:0 9px 28px #0b3f775c; font:700 12px Arial,sans-serif; cursor:pointer; }
.ssa-toggle:hover,.ssa-toggle:focus-visible { background:var(--ssa-dark); }
.ssa-toggle[aria-expanded="true"] { visibility:hidden; }
.ssa-bot-icon { display:block; width:56px; height:56px; animation:ssa-float 2.6s ease-in-out infinite; }
.ssa-bot-icon svg { display:block; width:100%; height:100%; overflow:visible; }
.ssa-bot-icon .ssa-face { fill:#eef8ff; stroke:#8ed2ff; stroke-width:2; }
.ssa-bot-icon .ssa-eye { fill:#0b3f77; transform-box:fill-box; transform-origin:center; animation:ssa-blink 4.4s infinite; }
.ssa-bot-icon .ssa-smile,.ssa-bot-icon .ssa-antenna,.ssa-bot-icon .ssa-ear { fill:none; stroke:#eb8124; stroke-width:3; stroke-linecap:round; }
.ssa-bot-icon .ssa-tip { fill:#eb8124; }
@keyframes ssa-float { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-5px) rotate(3deg); } }
@keyframes ssa-blink { 0%,44%,48%,100% { transform:scaleY(1); } 46% { transform:scaleY(.12); } }
.ssa-panel { position:fixed; right:18px; top:50%; transform:translateY(-50%); z-index:99999; width:min(390px,calc(100vw - 30px)); height:min(640px,calc(100vh - 38px)); display:flex; flex-direction:column; border-radius:16px; background:#fff; box-shadow:0 12px 42px #0004; overflow:hidden; border:1px solid #cddfec; font-size:14px; }
.ssa-panel[hidden] { display:none; }
.ssa-head { display:flex; align-items:center; gap:9px; padding:13px 15px; color:#fff; background:var(--ssa-green); }
.ssa-heading { display:flex; flex:1; flex-direction:column; }
.ssa-heading strong { font-size:16px; }
.ssa-heading small { opacity:.9; }
.ssa-head button { border:1px solid #ffffff80; border-radius:8px; color:#fff; background:transparent; padding:5px 8px; cursor:pointer; }
.ssa-close { font-size:22px; line-height:1; }
.ssa-transcript { flex:0 1 auto; min-height:90px; max-height:28%; overflow-y:auto; padding:13px 13px 3px; background:#f3f9fd; }
.ssa-bubble { max-width:92%; margin:0 0 10px; padding:9px 11px; border-radius:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.ssa-bot { background:#e4f3fd; border-bottom-left-radius:3px; }
.ssa-user { margin-left:auto; background:var(--ssa-green); color:#fff; border-bottom-right-radius:3px; }
.ssa-actions { display:flex; flex-wrap:wrap; gap:6px; padding:8px 13px; border-bottom:1px solid #dceaf3; }
.ssa-action,.ssa-secondary { border:1px solid var(--ssa-green); background:#fff; color:var(--ssa-green); border-radius:20px; padding:6px 9px; font:600 12px Arial,sans-serif; cursor:pointer; }
.ssa-action:hover,.ssa-secondary:hover { background:#e6f4ff; }
.ssa-workspace { flex:1; min-height:0; overflow-y:auto; padding:12px 13px; }
.ssa-workspace:empty { display:none; }
.ssa-form h3,.ssa-result h3 { margin:0 0 12px; font-size:17px; color:var(--ssa-dark); }
.ssa-field { display:flex; flex-direction:column; gap:4px; margin:0 0 10px; font-size:13px; font-weight:600; }
.ssa-field input,.ssa-field select,.ssa-field textarea { width:100%; min-height:36px; padding:7px 9px; border:1px solid #abc5da; border-radius:7px; background:#fff; color:#17324b; font:14px Arial,sans-serif; }
.ssa-field textarea { min-height:62px; resize:vertical; }
.ssa-field input:focus,.ssa-field select:focus,.ssa-field textarea:focus,.ssa-question:focus { outline:2px solid var(--ssa-gold); outline-offset:1px; }
.ssa-checkbox { display:flex; gap:7px; align-items:flex-start; margin:0 0 10px; font-size:13px; }
.ssa-checkbox input { margin-top:2px; }
.ssa-hint { display:block; margin:5px 0 12px; color:#4c6477; font-size:11px; }
.ssa-appliance { padding:9px; margin:0 0 9px; border:1px solid #d1e3f0; border-radius:9px; background:#f6fbff; }
.ssa-appliance .ssa-field { display:inline-flex; width:47%; margin-right:2%; vertical-align:top; }
.ssa-remove { color:#a12323; background:transparent; border:0; text-decoration:underline; cursor:pointer; }
.ssa-primary { display:inline-block; margin:6px 8px 4px 0; padding:9px 12px; border:0; border-radius:7px; background:var(--ssa-green); color:#fff; font:700 13px Arial,sans-serif; cursor:pointer; }
.ssa-primary:hover { background:var(--ssa-dark); }
.ssa-primary:disabled { opacity:.6; cursor:wait; }
.ssa-result { border-top:3px solid var(--ssa-gold); padding-top:9px; }
.ssa-facts { display:grid; grid-template-columns:1fr auto; gap:6px 10px; margin:0 0 12px; }
.ssa-facts dt { color:#4c6477; }
.ssa-facts dd { margin:0; font-weight:700; text-align:end; }
.ssa-review { display:block; color:#835600; }
.ssa-result ul { margin:5px 0 12px; padding-inline-start:20px; font-size:12px; }
.ssa-link { color:var(--ssa-green); font-weight:700; }
.ssa-composer { display:flex; gap:6px; padding:8px 11px; border-top:1px solid #dceaf3; }
.ssa-question { flex:1; min-width:0; padding:8px; border:1px solid #abc5da; border-radius:7px; font:13px Arial,sans-serif; }
.ssa-composer button { border:0; border-radius:7px; background:var(--ssa-green); color:#fff; padding:8px 12px; cursor:pointer; }
.ssa-privacy { display:block; padding:0 12px 8px; color:#607789; font-size:10px; }
.ssa-error { padding:9px; color:#8d2222; background:#fff0f0; border-radius:7px; }
.ssa-success { padding:12px; border-radius:7px; background:#e5f3ff; color:#0b3f77; }
.ssa-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.ssa-panel[dir="rtl"] .ssa-user { margin-left:0; margin-right:auto; }
.ssa-panel[dir="rtl"] .ssa-primary { margin-right:0; margin-left:8px; }
@media (max-width:520px) { .ssa-toggle { right:10px; min-width:62px; padding:6px; } .ssa-toggle-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } .ssa-panel { right:0; top:0; transform:none; width:100vw; height:100dvh; max-height:none; border-radius:0; } }
@media (prefers-reduced-motion:reduce) { .ssa-bot-icon,.ssa-bot-icon .ssa-eye { animation:none; } }