.rounded-table {
  border-radius: var(--bulma-radius);
  overflow: hidden;
}

.table-header {
  background-color: var(--bulma-grey-lighter);
  border-bottom: 1px solid var(--bulma-white-ter);
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
}

.table-row {
  border-bottom: 1px solid var(--bulma-white-ter);
  transition: background-color 0.2s ease;

  &:last-child {
    border-bottom: none;
  }

  &:hover {
    background-color: #fafafa;
  }
}

.table-separator {
  border-top: 2px solid var(--bulma-white-ter);
}

.table-footer {
  border-top: 2px solid var(--bulma-white-ter);
  font-weight: bold;
  padding: 0.5rem 1rem;
}