/* 
  e-Stamping Page Specific Styles
  Handles data tables for stamp duty codes and state breakdowns.
*/

.data-table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 0.95rem;
  background-color: var(--card-bg, #fff);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
}

.data-table th,
.data-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid var(--border-color, #eaeaea);
}

.data-table th {
  background-color: var(--primary, #1d70b8);
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

.data-table tbody tr:nth-of-type(even) {
  background-color: var(--bg, #f8f9fa);
}

.data-table tbody tr:hover {
  background-color: rgba(29, 112, 184, 0.05);
  transition: background-color 0.2s ease;
}

.data-table .highlight-row td {
  background-color: rgba(29, 112, 184, 0.1);
  font-weight: 600;
  color: var(--primary, #1d70b8);
}

/* Specific styling for the Category Codes table */

.category-table th:nth-child(2),
.category-table td:nth-child(2),
.category-table th:nth-child(3),
.category-table td:nth-child(3) {
  text-align: right;
}

/* Specific styling for the State Duty table */

.state-table th:nth-child(3),
.state-table td:nth-child(3) {
  text-align: right;
  font-size: 0.9rem;
}

@media (width <= 768px) {
  .data-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}