.chatbot-console { display: flex; flex-direction: column; gap: 1.25rem; }
.chatbot-console__header { display:flex; align-items:center; justify-content:space-between; }
.chatbot-console__add { background: var(--wa-color-brand-50); color: var(--wa-color-brand-on-loud); padding: .5rem 1rem; border-radius: .375rem; text-decoration:none; font-weight:600; font-size:.875rem; }
.chatbot-console__kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.chatbot-console__kpi { background:var(--wa-color-surface-default); border:1px solid var(--wa-color-surface-border); border-radius:.5rem; padding:1rem; display:flex; flex-direction:column; gap:.125rem; position:relative; }
.chatbot-console__kpi-label { font-size:.8125rem; color:var(--wa-color-text-quiet); font-weight:600; }
.chatbot-console__kpi-value { font-size:1.5rem; font-weight:700; }
.chatbot-console__kpi-sub { font-size:.75rem; color:var(--wa-color-text-quiet); }
.chatbot-console__kpi-icon { position:absolute; inset-inline-end:1rem; inset-block-start:1rem; color:var(--wa-color-brand); }
.chatbot-console__tabs { display:flex; gap:1.5rem; border-block-end:1px solid var(--wa-color-surface-border); }
.chatbot-console__tab { padding:.5rem .25rem; color:var(--wa-color-text-quiet); text-decoration:none; font-weight:600; font-size:.9375rem; border-block-end:2px solid transparent; margin-block-end:-1px; }
.chatbot-console__tab--active { color:var(--wa-color-brand); border-block-end-color:var(--wa-color-brand); }
.chatbot-console__card { background:var(--wa-color-surface-default); border:1px solid var(--wa-color-surface-border); border-radius:.5rem; padding:1.25rem; }
.chatbot-console__card-title { margin:0 0 1rem; font-size:1rem; font-weight:600; }
.chatbot-console__table { width:100%; border-collapse:collapse; font-size:.875rem; }
.chatbot-console__table th { text-align:start; color:var(--wa-color-text-quiet); font-weight:600; padding:.5rem .75rem; border-block-end:1px solid var(--wa-color-surface-border); }
.chatbot-console__table td { padding:.625rem .75rem; border-block-end:1px solid var(--wa-color-surface-border); }
.chatbot-console__badge { display:inline-block; padding:.125rem .5rem; border-radius:999px; font-size:.75rem; font-weight:600; background:var(--wa-color-neutral-fill-quiet); color:var(--wa-color-neutral-on-quiet); }
.chatbot-console__badge--active { background:var(--wa-color-success-fill-quiet); color:var(--wa-color-success-on-quiet); }
.chatbot-console__badge--add { background:var(--wa-color-brand-fill-quiet); color:var(--wa-color-brand-on-quiet); text-decoration:none; }
.chatbot-console__filter { display:flex; gap:.75rem; align-items:end; flex-wrap:wrap; margin-block-end:1rem; }
.chatbot-console__clear { color:var(--wa-color-text-quiet); font-size:.875rem; }
.chatbot-console__actions { display:flex; gap:.5rem; }
.chatbot-console__action { color:var(--wa-color-brand); font-size:.8125rem; }
.chatbot-console__action--danger { color:var(--wa-color-danger); }
.chatbot-console__delete-form { margin:0; }
.chatbot-console__delete-form button { background:none; border:0; padding:0; color:var(--wa-color-danger); font-size:.8125rem; cursor:pointer; }
.chatbot-console__settings { display:flex; flex-direction:column; gap:.875rem; }
.chatbot-console__setting-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1rem; }
.chatbot-console__setting-name { font-weight:600; font-size:.9375rem; }
.chatbot-console__setting-sub { font-size:.8125rem; color:var(--wa-color-text-quiet); display:block; }
.chatbot-console__setting-control { display:flex; align-items:center; gap:.5rem; }
.chatbot-console__setting-status { font-size:.8125rem; color:var(--wa-color-text-quiet); }
.chatbot-console__control { min-width:16rem; }
.chatbot-console__form-actions { display:flex; justify-content:flex-end; margin-block-start:1rem; }
.chatbot-console__note, .chatbot-console__empty-note { color:var(--wa-color-text-quiet); font-size:.875rem; }
.chatbot-console__empty { padding:3rem; text-align:center; color:var(--wa-color-text-quiet); }
.chatbot-console__breadcrumb { font-size:.8125rem; color:var(--wa-color-text-quiet); display:flex; align-items:center; gap:.5rem; }
.chatbot-console__breadcrumb i { font-size:.625rem; }
.chatbot-console__card-sub { margin:-.5rem 0 1rem; color:var(--wa-color-text-quiet); font-size:.875rem; }
.chatbot-console__add--end { margin-inline-start:auto; }
.chatbot-console__setting-label { flex:1; min-width:0; }
.chatbot-console__setting-meta { display:flex; flex-direction:column; align-items:flex-end; gap:.25rem; }
.chatbot-console__setting-note { font-size:.75rem; color:var(--wa-color-text-quiet); }
.chatbot-console__behavior { display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:1rem; }
.chatbot-console__field { display:flex; flex-direction:column; gap:.375rem; }
.chatbot-console__field .chatbot-console__control { min-width:0; width:100%; }

@media (max-width: 640px) {
  .chatbot-console__header { flex-wrap:wrap; gap:.75rem; }
  .chatbot-console__add { white-space:nowrap; }
  .chatbot-console__tabs { gap:1rem; overflow-x:auto; }
  .chatbot-console__tab { white-space:nowrap; }
  .chatbot-console__behavior { grid-template-columns:1fr; }
  .chatbot-console__setting-row { grid-template-columns:auto 1fr; }
  .chatbot-console__setting-meta { grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:flex-start; gap:.75rem; }
  .chatbot-console__control { min-width:0; width:100%; }
  .chatbot-console__filter .chatbot-console__add--end { margin-inline-start:0; }
}