/* Celé okno */
.n8n-chat .chat-window {
  border-radius: 12px !important;
  border: 2px solid var(--turquoise) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  overflow: hidden !important;
}

/* Hlavička */
.n8n-chat .chat-window .chat-header {
  background: var(--turquoise) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 12px 16px !important;
  border-radius: 0 !important; /* radius pryč, protože už je na chat-window */
}

.n8n-chat .chat-window .chat-header h1 {
  margin: auto !important;
  font-size: 18px !important;
}

/* Bubliny – bot */
.n8n-chat .chat-window .chat-message-from-bot {
  background: #e9f3ff !important;
  border: 1px solid #cce0ff !important;
  color: #000 !important;
  border-radius: 8px !important;
  margin: 8px 12px !important;
}

/* Bubliny – uživatel */
.n8n-chat .chat-window .chat-message-from-user {
  background: var(--turquoise) !important;
  color: #fff !important;
  border-radius: 8px !important;
  margin: 8px 12px !important;
  margin-left: auto !important;
}

/* Ikona pro otevření/zavření chatu */
.n8n-chat .chat-window-toggle {
  background: var(--turquoise) !important;   /* modré pozadí */
  color: #fff !important;           /* barva ikony */
  border-radius: 50% !important;
  padding: 6px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
  cursor: pointer !important;
  transition: background 0.2s ease-in-out;
}

.n8n-chat .chat-window-toggle:hover {
  background: #009090 !important;   /* tmavší modrá při hoveru */
}