/* chatOAME MathJax Renderer (React Safe) */
.math-display,
.math-diagram {
  margin: 0.9em 0;
  min-height: 1em;
}

.math-display {
  overflow-x: visible;
  overflow-y: visible;
  text-align: center;
}

.math-diagram {
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
}

.math-inline {
  display: inline-block;
  vertical-align: baseline;
  max-width: 100%;
}

.math-diagram::-webkit-scrollbar { height: 6px; }
.math-diagram::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.math-diagram::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
.math-diagram::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

.mjx-tex-source { display: none !important; }

.mjx-process-source { max-width: 100%; }
.math-inline > .mjx-process-source { display: inline-block; vertical-align: baseline; max-width: 100%; }
.math-display > .mjx-process-source,
.math-diagram > .mjx-process-source { display: block; width: 100%; }

.math-render-pending > .mjx-process-source { visibility: hidden; }
.math-render-pending { opacity: 0.999; }
.math-render-error { outline: 1px dashed rgba(160, 0, 0, 0.35); outline-offset: 2px; }
.math-render-skipped { opacity: 1; }

mjx-container[jax="CHTML"] { max-width: 100%; }
.math-inline mjx-container[jax="CHTML"] { display: inline-block; }
.math-display mjx-container[jax="CHTML"] { display: block; width: 100%; }
.math-diagram mjx-container[jax="CHTML"] { display: inline-block; max-width: none; }
mjx-maction { cursor: pointer; }

/* Teacher table polish inside AI replies only. */
:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) div.ai-data-table[data-source-tex] {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  margin: 0.75rem 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  vertical-align: top;
}

:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) {
  display: inline-table !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0.5rem 0 1rem !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) :is(th, td) {
  border-right: 1px solid rgba(0,0,0,.15) !important;
  border-bottom: 1px solid rgba(0,0,0,.15) !important;
  padding: .4rem .55rem !important;
  vertical-align: top !important;
  white-space: normal !important;
}

:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) thead th {
  background: rgba(0,0,0,.04) !important;
  font-weight: 700 !important;
}

:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) tr > :last-child { border-right: 0 !important; }
:where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) tr:last-child > :is(th, td) { border-bottom: 0 !important; }

@media (prefers-color-scheme: dark) {
  :where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) {
    border-color: rgba(255,255,255,.22) !important;
  }
  :where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) :is(th, td) {
    border-color: rgba(255,255,255,.18) !important;
  }
  :where(.mwai-text, .mwai-answer, .mwai-reply, .mwai-message[data-role="assistant"], .mwai-message.mwai-ai, .mwai-ai-message) table:not(.form-table):not(.wp-list-table):not(.widefat) thead th {
    background: rgba(255,255,255,.06) !important;
  }
}