.ripro-cs-root { --ripro-cs-color:#2563eb; position:fixed; bottom:var(--ripro-cs-y); z-index:99999; font-family:inherit; }
.ripro-cs-root.is-right { right:var(--ripro-cs-x); }
.ripro-cs-root.is-left { left:var(--ripro-cs-x); }
.ripro-cs-button { width:var(--ripro-cs-size); height:var(--ripro-cs-size); border:0; border-radius:50%; color:#fff; background:var(--ripro-cs-color); box-shadow:0 4px 16px #0003; cursor:pointer; font-size:calc(var(--ripro-cs-size) * .46); }
.ripro-cs-button .dashicons { font-size:calc(var(--ripro-cs-size) * .48); width:calc(var(--ripro-cs-size) * .48); height:calc(var(--ripro-cs-size) * .48); }
.ripro-cs-badge { position:absolute; right:-2px; top:-2px; width:12px; height:12px; border:2px solid #fff; border-radius:50%; background:#ef4444; }
.ripro-cs-panel { display:none; position:absolute; right:0; bottom:calc(var(--ripro-cs-size) + 12px); width:min(360px,calc(100vw - 30px)); height:480px; overflow:hidden; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:0 12px 40px #0002; }
.ripro-cs-panel.is-open { display:flex; flex-direction:column; }
.ripro-cs-root.is-left .ripro-cs-panel { left:0; right:auto; }
.ripro-cs-panel header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; color:#fff; background:var(--ripro-cs-color); }
.ripro-cs-close { border:0; color:#fff; background:transparent; font-size:23px; cursor:pointer; }
.ripro-cs-welcome { margin:0; padding:10px 14px; color:#4b5563; font-size:13px; background:#f8fafc; }
.ripro-cs-messages { flex:1; overflow:auto; padding:12px; background:#f1f5f9; }
.ripro-cs-message { max-width:82%; margin:0 0 9px; padding:8px 10px; border-radius:8px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; }
.ripro-cs-message.is-user { margin-left:auto; color:#fff; background:var(--ripro-cs-color); }
.ripro-cs-message.is-admin { color:#1f2937; background:#fff; }
.ripro-cs-message-time { display:block; margin-top:4px; opacity:.65; font-size:11px; }
.ripro-cs-panel form { display:flex; gap:7px; padding:10px; border-top:1px solid #e5e7eb; }
.ripro-cs-panel textarea { min-height:38px; max-height:100px; flex:1; resize:vertical; padding:8px; border:1px solid #d1d5db; border-radius:6px; }
.ripro-cs-panel form button { align-self:flex-end; padding:8px 12px; border:0; border-radius:6px; color:#fff; background:var(--ripro-cs-color); cursor:pointer; }