:root{
  --fwc-start:#76c442;
  --fwc-end:#2e7d32;
  --fwc-radius:16px;
  --fwc-shadow:0 10px 30px rgba(0,0,0,.18);
  --fwc-font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}
.fwc-page{ font-family: var(--fwc-font); }
.fwc-hero{ background: linear-gradient(135deg, var(--fwc-start), var(--fwc-end)); color:#fff; padding: 56px 0; text-align:center; }
.fwc-hero .fwc-hero-logo{ height: 40px; margin-bottom: 12px; }
.fwc-hero h1{ margin: 0; font-size: 34px; }
.fwc-hero p{ margin: 6px 0 0 0; opacity: .95; }
.fwc-container{ max-width: 920px; padding: 20px; margin: -40px auto 40px auto; }
.fwc-card{ background:#fff; border-radius: var(--fwc-radius); box-shadow: var(--fwc-shadow); overflow:hidden; }
.fwc-header{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-bottom: 3px solid var(--fwc-end); }
.fwc-header #fwc-logo{ height: 26px; width:auto; }
.fwc-header .fwc-headings h1{ font-size: 18px; margin:0; }
.fwc-header .fwc-headings p{ margin:0; font-size: 13px; opacity:.8; }
#fwc-messages{ max-height: 48vh; overflow-y:auto; padding: 12px; }
.fwc-msg{ font-family: var(--fwc-font); padding: 10px 12px; border-radius: 12px; margin: 6px 0; max-width: 85%; line-height: 1.3; word-wrap: break-word; }
.fwc-msg.user{ margin-left:auto; background:#e6f0ff; }
.fwc-msg.assistant{ background:#f5f5f5; }
#fwc-form{ display:flex; gap: 8px; padding: 12px; border-top:1px solid #eee; }
#fwc-input{ flex:1; padding: 12px; border: 1px solid #ddd; border-radius: 10px; font-family: var(--fwc-font); }
#fwc-form button{ padding: 12px 16px; border:0; border-radius: 12px; background: var(--fwc-end); color:#fff; font-weight:600; cursor:pointer; }
.fwc-footnote{ font-size: 12px; color:#444; padding: 10px 12px; border-top:1px solid #eee; background:#fafafa; }

/* Widget layout */
.fwc-widget{ position: fixed; right: 16px; bottom: 16px; z-index: 9999; font-family: var(--fwc-font); }
#fwc-toggle{ border:0; padding:12px 16px; border-radius: 999px; box-shadow: var(--fwc-shadow); cursor: pointer; background: var(--fwc-end); color:#fff; font-weight:600; }
#fwc-panel{ width: 380px; height: 520px; background:#fff; border-radius: var(--fwc-radius); margin-top: 8px; box-shadow: var(--fwc-shadow); display: flex; flex-direction: column; overflow: hidden; }

@media (max-width: 480px){
  #fwc-panel{ width: 92vw; height: 70vh; }
  #fwc-messages{ max-height: 52vh; }
}