/* Basic, modern-ish, neutral styling */
.scb-widget { position: fixed; right: 18px; bottom: 18px; z-index: 9999; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.scb-fab { border: 0; border-radius: 999px; padding: 12px 16px; cursor: pointer; box-shadow: 0 10px 24px rgba(0,0,0,.18); background: #111827; color: #fff; font-weight: 600; }
.scb-panel { width: 320px; height: 420px; background: #0b1220; color: #e5e7eb; border-radius: 16px; box-shadow: 0 12px 30px rgba(0,0,0,.22); overflow: hidden; margin-bottom: 10px; display:flex; flex-direction:column; }
.scb-hidden { display:none; }
.scb-header { display:flex; align-items:center; justify-content:space-between; padding: 10px 12px; background: #111827; }
.scb-title { font-size: 14px; font-weight: 700; }
.scb-close { border:0; background: transparent; color:#e5e7eb; cursor:pointer; font-size: 16px; }
.scb-messages { padding: 10px; overflow:auto; flex: 1; }
.scb-msg { margin: 8px 0; padding: 10px; border-radius: 12px; line-height: 1.35; font-size: 13px; }
.scb-bot { background: rgba(255,255,255,.06); }
.scb-user { background: rgba(59,130,246,.22); text-align:right; margin-left: 30px; }
.scb-input-row { display:flex; gap: 8px; padding: 10px; background: #111827; }
.scb-input { flex:1; padding: 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: #0b1220; color: #e5e7eb; }
.scb-send { padding: 10px 12px; border-radius: 10px; border:0; cursor:pointer; background:#2563eb; color:#fff; font-weight:700; }
.scb-send:disabled { opacity:.6; cursor:not-allowed; }

/* Embedded */
.scb-embed-panel { border-radius: 16px; background:#0b1220; color:#e5e7eb; overflow:hidden; border:1px solid rgba(255,255,255,.08); max-width: 720px; }
.scb-embed-panel .scb-messages { height: 300px; }
.scb-embed-panel .scb-input-row { background:#0f172a; }

/* Email form */
.scb-form { margin-top: 8px; }
.scb-form-row { margin: 8px 0; }
.scb-form input, .scb-form textarea {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: #0b1220;
  color: #e5e7eb;
  box-sizing: border-box;
}
.scb-form button {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  background: #22c55e;
  color: #0b1220;
  font-weight: 800;
}

/* Honeypot hidden */
.scb-hp { display:none; }

/* Suggestions */
.scb-suggest { margin-top: 8px; }
.scb-suggest-title { font-weight: 700; margin-bottom: 8px; }
.scb-suggest-list { display:flex; flex-direction:column; gap: 8px; margin-bottom: 10px; }
.scb-suggest-btn, .scb-suggest-none {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #e5e7eb;
  cursor: pointer;
  text-align: left;
}
.scb-suggest-btn:hover { background: rgba(255,255,255,.10); }
.scb-suggest-none { background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.35); font-weight: 800; }