@reference "../css/globals.css";

/* Edge padding for flush tables (--marimo-table-edge-padding inherits through shadow DOM) */
[part="table-wrapper"] th:first-child {
  padding-left: var(--marimo-table-edge-padding, 0.5rem);
}

[part="table-wrapper"] th:last-child {
  padding-right: var(--marimo-table-edge-padding, 0.5rem);
}

[part="table-wrapper"] td:first-child {
  padding-left: var(--marimo-table-edge-padding, 0.375rem);
}

[part="table-wrapper"] td:last-child {
  padding-right: var(--marimo-table-edge-padding, 0.375rem);
}

[part="label"] {
  padding-left: var(--marimo-table-edge-padding, 0);
}

.markdown table,
table.dataframe {
  display: block;
  max-width: 100%;
  overflow: auto;
  scrollbar-width: thin;
}

.markdown table thead,
table.dataframe thead {
  vertical-align: bottom;

  @apply border-input;
}

.markdown table tbody tr:nth-child(odd),
table.dataframe tbody tr:nth-child(odd) {
  background: var(--lime-2);
}

.markdown table tbody tr:nth-child(even),
table.dataframe tbody tr:nth-child(even) {
  @apply bg-card;
}

.markdown table tbody tr:hover,
table.dataframe tbody tr:hover {
  background: var(--yellow-4);
}

.markdown table tr,
.markdown table th,
.markdown table td,
table.dataframe tr,
table.dataframe th,
table.dataframe td {
  text-align: right;
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: normal;
  border: none;
}