/* Sperikon AI Customer Service Widget */
.sprk-ai-cs-widget {
  position: fixed !important;
  right: 20px !important;
  bottom: 150px !important; /* Move higher */
  z-index: 2147483647 !important; /* Max z-index */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  /* Temporary debug border removed */
  /* border: 4px solid red !important; */
  /* background: rgba(255, 0, 0, 0.2); */
  min-width: auto;
  min-height: auto;
}

.sprk-ai-cs-btn{background:#16a34a;color:#fff;border:none;border-radius:999px;padding:10px 14px;cursor:pointer;font-size:14px;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.sprk-ai-cs-panel{width:320px;max-width:calc(100vw - 36px);height:420px;max-height:calc(100vh - 80px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);display:flex;flex-direction:column;margin-top:10px;overflow:hidden}
.sprk-ai-cs-hidden{display:none}
.sprk-ai-cs-header{background:#0f172a;color:#fff;padding:10px 12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.sprk-ai-cs-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}
.sprk-ai-cs-body{flex:1;overflow:hidden}
.sprk-ai-cs-messages{height:100%;overflow:auto;padding:12px;background:#f8fafc}
.sprk-ai-cs-msg{max-width:90%;padding:8px 10px;border-radius:10px;margin:0 0 8px 0;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.sprk-ai-cs-user{margin-left:auto;background:#dcfce7;color:#14532d}
.sprk-ai-cs-assistant{margin-right:auto;background:#fff;border:1px solid #e2e8f0;color:#0f172a}
.sprk-ai-cs-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e5e7eb;background:#fff}
.sprk-ai-cs-input{flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:13px;outline:none}
.sprk-ai-cs-send{border:none;border-radius:8px;padding:8px 12px;background:#2563eb;color:#fff;cursor:pointer;font-size:13px}

/* Markdown Styles */
.sprk-ai-cs-msg strong, .sprk-ai-cs-msg b { font-weight: 700; }
.sprk-ai-cs-msg a { color: #2563eb; text-decoration: underline; }
.sprk-ai-cs-msg a:hover { color: #1d4ed8; }