.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 0.75rem 1.5rem; border-bottom: 1px solid var(--color-border); text-align: left; }
.table thead { background-color: var(--gray-50); }
[data-theme="dark"] .table thead { background-color: var(--gray-900); }
[data-theme="dark"] .table th, [data-theme="dark"] .table td { border-color: var(--color-border-dark); }

@media (max-width: 767px) {
  .table { min-width: 0; }
  .table thead { display: none; } /* Hide headers on mobile */
  .table tr { display: block; border-bottom: 2px solid var(--color-border); padding: var(--spacing-4) 0; }
  [data-theme="dark"] .table tr { border-bottom-color: var(--color-border-dark); }
  .table td { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    border-bottom: none; 
    padding: var(--spacing-2) var(--spacing-6);
    text-align: right;
  }
  .table td::before {
    content: attr(data-label);
    font-weight: 700;
    text-align: left;
    margin-right: var(--spacing-4);
    color: var(--color-text-muted);
  }
  [data-theme="dark"] .table td::before { color: var(--color-text-dark-muted); }
  .table td.text-right { text-align: right; justify-content: flex-end; }
  .table td.text-right::before { display: none; } /* Don't show label for empty/action cells */
}