.sac-container{position:fixed;right:16px;bottom:16px;z-index:99999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.sac-button{background:#111;color:#fff;border:none;border-radius:999px;padding:10px 14px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer}

.sac-panel{position:fixed;right:16px;bottom:70px;width:340px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:none;flex-direction:column;overflow:hidden}
.sac-container.sac-open .sac-panel{display:flex}

/* harte Fallback-Regel gegen Theme-Resets, die [hidden] ignorieren */
[hidden]{display:none !important}

.sac-header{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;padding:10px 12px}
.sac-title{font-weight:700}
.sac-close{background:transparent;color:#fff;border:none;font-size:20px;cursor:pointer}
.sac-messages{height:320px;overflow:auto;padding:12px;gap:8px;display:flex;flex-direction:column;background:#f6f7f8}
.sac-msg{padding:10px 12px;border-radius:12px;max-width:88%;white-space:pre-wrap;word-wrap:break-word}
.sac-msg.user{align-self:flex-end;background:#e7f1ff}
.sac-msg.bot{align-self:flex-start;background:#fff;border:1px solid #eee}
.sac-form{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #eee}
.sac-input{flex:1;border:1px solid #ddd;border-radius:10px;padding:8px 10px}
.sac-send{background:#111;color:#fff;border:none;border-radius:10px;padding:8px 12px;cursor:pointer}
.sac-footnote{font-size:12px;color:#666;padding:8px 10px;background:#fafafa;border-top:1px dashed #eee}
.sac-hint{font-size:12px;color:#666;margin-top:4px}