:root{ --wwc-icon-bg:#25D366; --wwc-icon-fg:#fff; --wwc-btn-bg:#25D366; --wwc-btn-text:#fff; --wwc-bg:#fff; --wwc-text:#111; --wwc-muted:#666; --wwc-border:#e3e3e3; }
.wwc-btn{position:fixed;z-index:99999;width:56px;height:56px;border-radius:50%;background:var(--wwc-icon-bg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}
.wwc-btn svg{width:28px;height:28px;display:block;fill:var(--wwc-icon-fg)}
.wwc-panel{position:fixed;z-index:99999;background:var(--wwc-bg);color:var(--wwc-text);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:16px;display:none;border:1px solid var(--wwc-border)}
.wwc-panel.is-open{display:block}
.wwc-panel header{font-weight:700;margin-bottom:10px}
.wwc-desc{font-size:13px;color:var(--wwc-muted);background:rgba(0,0,0,0.03);border:1px solid var(--wwc-border);border-radius:8px;padding:8px 10px;margin-bottom:10px}
.wwc-field{margin-bottom:10px}
.wwc-input,.wwc-textarea{width:100%;background:transparent;color:var(--wwc-text);border:1px solid var(--wwc-border);border-radius:8px;padding:10px;font-size:14px}
.wwc-textarea{min-height:90px;resize:vertical}
.wwc-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.wwc-btn-send{flex:1;background:var(--wwc-btn-bg);color:var(--wwc-btn-text);border:none;border-radius:8px;padding:10px 12px;cursor:pointer;font-weight:700}
.wwc-btn-send[disabled]{opacity:.6;cursor:not-allowed}
.wwc-btn-secondary{background:#f2f2f2;color:#333;border:none;border-radius:8px;padding:10px 12px;cursor:pointer}
.wwc-note{font-size:12px;color:var(--wwc-muted)}
.wwc-req{color:#c62828;font-size:12px;display:none;margin-top:4px}
@media (max-width:480px){.wwc-panel{padding:14px}.wwc-btn{width:54px;height:54px}.wwc-btn svg{width:26px;height:26px}}