/* src/components/Table/Table.css */

.data-table {
  width: 100%;
  border-collapse: collapse;
}

.data-table th {
  text-align: left;
  padding: var(--space-2) var(--space-3);
  color: var(--color-text-muted);
  font-size: 0.85rem;
  border-bottom: 1px solid var(--color-border);
}

.data-table td {
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

/* Mobile: colapsa a tabela em cards empilhados (padrão essencial para operação
   em celular em ambiente industrial — ver instruções de responsividade). */
@media (max-width: 640px) {
  .data-table thead { display: none; }
  .data-table tr {
    display: block;
    margin-bottom: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
  }
  .data-table td {
    display: flex;
    justify-content: space-between;
    border-bottom: none;
  }
  .data-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--color-text-muted);
  }
}