/* Blue Cloud look — pinned input at bottom */
:root {
  --blc-surface: #ffffff;
  --blc-surface-2: #f6f8fc;
  --blc-text: #111827;
  --blc-subtle: #6b7280;
  --blc-primary: #1f6feb;
  --blc-primary-strong: #1557c0;
  --blc-primary-soft: #e7f0ff;
  --blc-bot-bubble: #f1f5ff;
  --blc-user-bubble: var(--blc-primary);
  --blc-user-text: #ffffff;
  --blc-border: rgba(0,0,0,0.08);
  --blc-shadow: 0 12px 40px rgba(0,0,0,.12);
}

#blcld-sop-bot{
  width:100%;
  max-width:860px;
  margin:20px auto;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:var(--blc-surface);
  border-radius:16px;
  border:1px solid var(--blc-border);
  box-shadow:var(--blc-shadow);
  overflow:hidden;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  height:min(70vh,720px);
}

/* Header */
#blcld-sop-bot-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;
  background:radial-gradient(120% 140% at 0% 0%, rgba(90,160,255,.10), transparent 60%), var(--blc-surface-2);
  color:var(--blc-text);
  border-bottom:1px solid var(--blc-border);
  font-weight:800;letter-spacing:.2px;
}
#blcld-sop-bot-reset{
  background:transparent;border:1px solid var(--blc-border);
  padding:6px 12px;border-radius:10px;cursor:pointer;color:var(--blc-text);
}
#blcld-sop-bot-reset:hover{background:var(--blc-primary-soft);border-color:rgba(31,111,235,.25);}

/* Messages */
#blcld-sop-bot-messages{
  overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:#f7f9fc;
}
.blcld-message{
  max-width:78%;padding:10px 12px;border-radius:14px;line-height:1.5;letter-spacing:.1px;
  box-shadow:0 4px 14px rgba(0,0,0,.05);overflow-wrap:anywhere;
}
.blcld-message.user{margin-left:auto;background:var(--blc-user-bubble);color:var(--blc-user-text);border-bottom-right-radius:5px;}
.blcld-message.bot{margin-right:auto;background:var(--blc-bot-bubble);color:var(--blc-text);border-bottom-left-radius:5px;border:1px solid rgba(31,111,235,.10);}

/* Input pinned bottom */
#blcld-sop-bot-input{
  display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;
  background:var(--blc-surface-2);border-top:1px solid var(--blc-border);padding:8px;
}
#blcld-sop-bot-textarea{
  width:100%;resize:vertical;min-height:42px;max-height:140px;border:1px solid var(--blc-border);
  background:var(--blc-surface);color:var(--blc-text);border-radius:10px;padding:10px 12px;outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#blcld-sop-bot-textarea:focus{border-color:rgba(31,111,235,.45);box-shadow:0 0 0 3px rgba(31,111,235,.12);}
#blcld-sop-bot-send{
  border:0;background:var(--blc-primary);color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;
  transition:transform .05s ease, background .15s ease, box-shadow .15s ease;box-shadow:0 8px 18px rgba(31,111,235,.28);
}
#blcld-sop-bot-send:hover{background:var(--blc-primary-strong);} 
#blcld-sop-bot-send:active{transform:translateY(1px);}

/* typing indicator style (used by JS) */
.blcld-typing{width:56px;text-align:center;letter-spacing:6px;color:#6b7280;}