[data-page="nlq-chat"] .chat-bubble {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  color: #111827;
  max-width: 85%;
}

[data-page="nlq-chat"] .chat-bubble-user {
  background: #e7ecf2;
}

[data-page="nlq-chat"] .chat-bubble-assistant {
  background: #f3f4f6;
}

[data-page="nlq-chat"] .chat-bubble-error {
  background: #f1f5f9;
}

[data-page="nlq-chat"] .nlq-table {
  width: 100%;
  margin-top: 0.75rem;
  border-collapse: collapse;
  font-size: 0.78rem;
  table-layout: fixed;
}

[data-page="nlq-chat"] .nlq-table th,
[data-page="nlq-chat"] .nlq-table td {
  padding: 0.4rem 0.45rem;
  border: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
  white-space: normal;
  line-height: 1.2;
}

[data-page="nlq-chat"] .nlq-table thead th {
  background: #f8fafc;
  color: #0f172a;
  font-weight: 600;
  white-space: nowrap;
}

[data-page="nlq-chat"] .nlq-table thead th {
  font-size: 0.72rem;
}

[data-page="nlq-chat"] .nlq-table tbody tr:nth-child(even) td {
  background: #f9fafb;
}

[data-page="nlq-chat"] #nlq-chat-send-btn.btn-primary {
  background-color: var(--primary-500, #12e3c4) !important;
  border-color: var(--primary-500, #12e3c4) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-page="nlq-chat"] #nlq-chat-send-btn.btn-primary:hover,
[data-page="nlq-chat"] #nlq-chat-send-btn.btn-primary:focus,
[data-page="nlq-chat"] #nlq-chat-send-btn.btn-primary:focus-visible,
[data-page="nlq-chat"] #nlq-chat-send-btn.btn-primary:active {
  background-color: var(--primary-500, #12e3c4) !important;
  border-color: var(--primary-500, #12e3c4) !important;
  color: #0f172a !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-page="nlq-chat"] .nlq-prompt-btn.btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--primary-500, #12e3c4) !important;
  color: var(--primary-500, #12e3c4) !important;
  box-shadow: none !important;
}

[data-page="nlq-chat"] .nlq-prompt-btn.btn-outline-primary:hover,
[data-page="nlq-chat"] .nlq-prompt-btn.btn-outline-primary:focus,
[data-page="nlq-chat"] .nlq-prompt-btn.btn-outline-primary:focus-visible,
[data-page="nlq-chat"] .nlq-prompt-btn.btn-outline-primary:active {
  background-color: transparent !important;
  border-color: var(--primary-500, #12e3c4) !important;
  color: var(--primary-600, #0fb9a1) !important;
  box-shadow: none !important;
  outline: none !important;
}