/* Fundo padrao do sistema (slate-50), igual as demais telas de listagem. O
   header sticky continua branco por cima para destacar do conteudo. */
.chatbot-list-page[data-v-24901eef] {
  background: #f8fafc;
}

/* Header sticky no mesmo fundo da pagina (sem superficie branca propria).
   Mantem o fundo ao rolar para o conteudo nao aparecer por baixo. */
.chatbot-page-header[data-v-24901eef] {
  background: #f8fafc;
}

/* PageHeader dentro da barra sticky: remove a margem inferior propria (mb-6)
   para colar na borda inferior do header. */
.chatbot-page-header[data-v-24901eef] .mb-6 {
  margin-bottom: 0;
}

/* Hovers das acoes do card mais nitidos e consistentes.
   Editor/Sessoes (outline): hover azulado (aproxima do primario). */
.chatbot-action[data-v-24901eef]:hover:not(:disabled) {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.chatbot-action[data-v-24901eef]:active:not(:disabled) {
  background: #dbeafe;
}
/* Excluir (ghost): hover so muda a cor do icone pra vermelho — sem fundo,
   sem borda e sem outline (nenhum box em volta do icone). */
.chatbot-action--danger[data-v-24901eef],
.chatbot-action--danger[data-v-24901eef]:hover:not(:disabled),
.chatbot-action--danger[data-v-24901eef]:active:not(:disabled),
.chatbot-action--danger[data-v-24901eef]:focus,
.chatbot-action--danger[data-v-24901eef]:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}
.chatbot-action--danger[data-v-24901eef] {
  color: #94a3b8;
}
.chatbot-action--danger[data-v-24901eef]:hover:not(:disabled) {
  color: #dc2626;
}

/* Formulario do sheet de criacao. */
.chatbot-create-form[data-v-24901eef] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
}
.chatbot-create-form__field[data-v-24901eef] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chatbot-create-form__label[data-v-24901eef] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #374151;
}
.chatbot-create-form__label--required[data-v-24901eef]::after {
  content: ' *';
  color: #dc2626;
}
.chatbot-create-form__textarea[data-v-24901eef] {
  width: 100%;
  min-height: 84px;
  padding: 8px 12px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  font-size: 0.9375rem;
  color: #1e293b;
  resize: vertical;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.chatbot-create-form__textarea[data-v-24901eef]:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.chatbot-create-form__textarea[data-v-24901eef]::-moz-placeholder {
  color: #94a3b8;
}
.chatbot-create-form__textarea[data-v-24901eef]::placeholder {
  color: #94a3b8;
}
.chatbot-create-footer[data-v-24901eef] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid #f1f5f9;
}
.status-active[data-v-24901eef]::before,
.status-draft[data-v-24901eef]::before,
.status-inactive[data-v-24901eef]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.status-active[data-v-24901eef]::before {
  background-color: rgb(16, 185, 129);
}
.status-draft[data-v-24901eef]::before {
  background-color: rgb(156, 163, 175);
}
.status-inactive[data-v-24901eef]::before {
  background-color: rgb(239, 68, 68);
}
@keyframes fade-in-24901eef {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.animate-in[data-v-24901eef] {
  animation: fade-in-24901eef 0.3s ease-out forwards;
}