/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


/* Apply table styles only inside .report-show-div */
.report-show-div table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.report-show-div table th,
.report-show-div table td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.report-show-div table th {
  font-weight: bold;
  background-color: #f5f5f5;
}

.report-show-div table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.report-show-div table tbody + tbody {
  border-top: 2px solid #ddd;
}

.report-show-div table tr:hover td {
  background-color: #f9f9f9;
}

/* Optional bordered table */
.report-show-div table.table-bordered {
  border: 1px solid #ddd;
}

.report-show-div table.table-bordered th,
.report-show-div table.table-bordered td {
  border: 1px solid #ddd;
}

/* Optional striped rows */
.report-show-div table.table-striped tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

/* Responsive handling */
.report-show-div {
  overflow-x: auto;
  /* Unitless so each line box grows with its own font-size — an inline
     <span style="font-size:48px"> in a list item then reserves its own height
     instead of overlapping the rows above and below it. */
  line-height: 1.5;
}

/* -------------------------------------------------------------------------
 * Rich-text report body (raw AyusLab "notes" HTML: bullet/ordered lists,
 * headings, inline font sizes). Tailwind's Preflight strips list markers,
 * padding and heading scale from bare elements, so restore sensible
 * typography here. These .report-show-div-scoped selectors outrank Preflight's
 * element rules, and application.css loads after tailwind.
 * ---------------------------------------------------------------------- */
.report-show-div ul,
.report-show-div ol {
  margin: 0 0 10px;
  padding-left: 24px;
}

.report-show-div ul { list-style: disc outside; }
.report-show-div ol { list-style: decimal outside; }

/* Nested lists get the conventional alternate markers. */
.report-show-div ul ul { list-style: circle outside; }
.report-show-div ol ol { list-style: lower-alpha outside; }

.report-show-div li {
  margin-bottom: 4px;
}

/* Preflight flattens headings to inherit — give report <h1>–<h6> scale back. */
.report-show-div h1,
.report-show-div h2,
.report-show-div h3,
.report-show-div h4,
.report-show-div h5,
.report-show-div h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 6px;
}

.report-show-div h1 { font-size: 1.6em; }
.report-show-div h2 { font-size: 1.4em; }
.report-show-div h3 { font-size: 1.2em; }

.report-show-div p { margin: 0 0 8px; }

/* Keep inline emphasis carried by the raw HTML. */
.report-show-div strong,
.report-show-div b { font-weight: 700; }

.report-show-div em,
.report-show-div i { font-style: italic; }

.report-show-div u { text-decoration: underline; }