/* #region zone:monitor.page.exit-study-evidence — รายงานยาวเลื่อนภายในกรอบ */
.exit-study-evidence pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.exit-study-evidence > summary {
  min-height: var(--h-md);
  padding-block: var(--s-2);
  cursor: pointer;
}
[data-exit-study] small {
  display: block;
}
[data-exit-study] .study-table table {
  min-width: 640px;
}
[data-exit-study] th:first-child,
[data-exit-study] td:first-child {
  min-width: 180px;
  white-space: normal;
}
[data-exit-study] {
  display: flex;
  flex-direction: column;
  gap: var(--s-6);
  min-width: 0;
}
[data-exit-study] .exit-study-block,
[data-exit-study] [data-exit-replay] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-3);
  min-width: 0;
}
[data-exit-study] p,
[data-exit-study] h3 {
  margin: 0;
  overflow-wrap: anywhere;
}
[data-exit-study] .exit-study-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--s-3);
}
[data-exit-study] .exit-study-note {
  padding: var(--s-4);
  border-radius: var(--r-sm);
  background: var(--surface-2);
}
[data-exit-study] .table-wrap {
  max-width: 100%;
  align-self: stretch;
}
/* #endregion */
/* #region zone:monitor.page.study-hub-layout — แท็บการศึกษา การ์ดสรุป และพื้นที่เนื้อหาเว้นระยะกว้าง */
[data-pullback-study],
[data-study-fold],
.study-pane {
  scroll-margin-top: calc(var(--topbar-h) + var(--s-5));
}
.study-hub {
  gap: var(--s-6);
}
.study-hub .tabs {
  max-width: 100%;
  overflow-x: auto;
}
/* The three-way study switcher always fits: equal columns, no hidden or cut-off tab. */
.study-hub [data-study-tabs] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow-x: visible;
}
.study-hub [data-study-tabs] .tab {
  justify-content: center;
  min-width: 0;
  padding-inline: var(--s-2);
  white-space: normal;
  text-align: center;
}
.study-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-4);
  padding: var(--s-6);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface-2);
  min-width: 0;
}
.study-card-head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
}
.study-card p {
  margin: 0;
  overflow-wrap: anywhere;
}
.study-verdict {
  font-size: var(--fs-lg);
  line-height: 1.6;
  font-weight: 600;
}
.study-pane {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
  min-width: 0;
}
.study-pane > p,
.study-pane h4 {
  margin: 0;
  overflow-wrap: anywhere;
}
.study-pane .exit-study-note {
  padding: var(--s-4);
  border-radius: var(--r-sm);
  background: var(--surface-2);
}
.study-pane .segmented {
  align-self: flex-start;
}
.study-table {
  max-width: 100%;
  min-width: 0;
}
.study-pane td small,
.study-table td small {
  display: block;
  margin-top: var(--s-2);
}
/* #endregion */
/* #region zone:monitor.page.exit-diagnostics — พื้นที่โปร่งเฉพาะบล็อกเหตุผลใหม่ */
.exit-diagnostics {
  display: grid;
  gap: var(--s-6);
  padding-block: var(--s-8);
  margin-top: var(--s-8);
  border-top: 1px solid var(--border);
  min-width: 0;
}
.exit-diagnostics > section {
  display: grid;
  gap: var(--s-4);
  min-width: 0;
}
.exit-diagnostics,
.exit-diagnostics > section,
.exit-diagnostics [data-prompt-proposal] {
  scroll-margin-top: calc(var(--topbar-h) + var(--s-5));
}
.exit-diagnostics h3,
.exit-diagnostics h4,
.exit-diagnostics p {
  margin: 0;
}
.exit-diagnostics p,
.exit-diagnostics li {
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.exit-diagnostics ul {
  display: grid;
  gap: var(--s-5);
  padding-inline-start: var(--s-6);
}
.exit-diagnostics pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.exit-diagnostics summary {
  min-height: var(--h-lg);
  padding-block: var(--s-3);
  padding-inline: var(--u-space-3);
  border-radius: var(--u-radius-inner);
  cursor: pointer;
}
.exit-diagnostics details[open] > summary {
  margin-bottom: var(--s-5);
}
.exit-diagnostics table {
  min-width: 100%;
  width: max-content;
  table-layout: auto;
}
.exit-diagnostics th,
.exit-diagnostics td {
  padding-block: var(--s-4);
  white-space: nowrap;
}
.exit-diagnostics td.num {
  min-width: 8ch;
}
.exit-diagnostics th:first-child,
.exit-diagnostics td:first-child {
  min-width: 14ch;
  white-space: normal;
}
@media (hover: hover) {
  .exit-diagnostics summary:hover {
    color: var(--accent);
    background: var(--u-sheet);
  }
}
/* #endregion */