/* #region zone:monitor.page.ai-quality.styles — ตารางและคำตอบที่ปรับตามหน้าจอ */
.ai-quality {
  min-width: 0;
}
.aq-charts,
.aq-answer-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4, 16px);
}
.ai-quality .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.ai-quality td {
  max-width: 32rem;
  overflow-wrap: anywhere;
  white-space: normal;
}
.ai-quality .aq-answer {
  padding: var(--space-4, 16px);
  border-bottom: 1px solid var(--border);
}
.aq-answer summary {
  cursor: pointer;
  overflow-wrap: anywhere;
}
.aq-answer summary .pill {
  margin-inline-start: var(--s-2);
}
.aq-prose {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 80ch;
}
@media (max-width: 700px) {
  .aq-charts,
  .aq-answer-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ai-quality .aq-wide-table {
  min-width: 680px;
}
.aq-scroll-hint {
  display: none;
}
@media (max-width: 700px) {
  .aq-scroll-hint {
    display: block;
  }
}
/* #endregion */