/* Dark minimalist styles for Fondue AI */
#fondue-ai-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; z-index: 999999; }
#fondue-ai-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  border: none;
  background: #0f1720;
  box-shadow: 0 8px 24px rgba(2,6,23,0.6);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fondue-ai-button:hover { transform: translateY(-2px); }

#fondue-ai-modal {
  position: fixed;
  right: 20px;
  bottom: 90px;
  width: 420px;
  max-width: calc(100% - 40px);
  max-height: 70vh;
  display: none;
  pointer-events: none;
}
#fondue-ai-modal[aria-hidden="false"] { display: block; pointer-events: auto; }

.fondue-ai-modal-inner {
  background: linear-gradient(180deg, #0b0d0f 0%, #0f1113 100%);
  color: #e6eef8;
  border-radius: 12px;
  box-shadow: 0 12px 48px rgba(2,6,23,0.7);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(255,255,255,0.04);
}

.fondue-ai-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  background: rgba(255,255,255,0.02);
}

.fondue-ai-title { font-weight: 600; font-size: 15px; }

#fondue-ai-close {
  background: transparent;
  border: none;
  color: #cbd5e1;
  font-size: 22px;
  cursor: pointer;
}

.fondue-ai-chat { padding: 12px; overflow: auto; flex: 1; }

/* Fallback UI */
.fondue-ai-fallback-inner { display:flex; flex-direction: column; gap:8px; }
.fondue-ai-fallback textarea { width:100%; border-radius:8px; padding:8px; border:1px solid rgba(255,255,255,0.06); background:#071018; color:#e6eef8; }
.fondue-ai-fallback button { padding:8px 12px; border-radius:8px; border:none; background:#1f2937; color:#fff; cursor:pointer; }

/* small screens */
@media(max-width:600px) {
  #fondue-ai-modal { right: 12px; left: 12px; bottom: 80px; width: auto; max-height: 80vh; }
}