/* Page-specific overrides — shared table, pill, empty-state, toolbar styles come from styles/components.css */

/* Denser, easier-to-scan transaction table (page-scoped so other tables are unaffected) */
.txn-table thead th {
  font-size: 0.64rem;
  padding: 9px 12px;
}
.txn-table tbody td {
  font-size: 0.82rem;
  padding: 9px 12px;
}
/* Zebra striping helps the eye track a row across many columns */
.txn-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--color-surface-2) 45%, transparent);
}
.txn-table tbody tr:hover { background: var(--color-surface-2); }

/* Keep the type badge on one line so "Stock Out" doesn't break awkwardly */
.txn-table .pill {
  font-size: 0.68rem;
  padding: 2px 8px;
  white-space: nowrap;
}

/* Timestamp: quiet, one line, monospace-aligned */
.txn-table td[data-label="Date & time"] {
  white-space: nowrap;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}

/* Right-align numeric columns (Qty / Value / Profit) for scanning */
.txn-table td.num { text-align: right; }
.txn-table thead th:nth-child(4),
.txn-table thead th:nth-child(5),
.txn-table thead th:nth-child(6) { text-align: right; }

/* Long user emails shouldn't blow out the column */
.txn-table td[data-label="User"] {
  color: var(--color-muted);
  word-break: break-word;
}


/* Pager below the log table (10 rows per page) */
.txn__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
}
.txn__pager:empty { display: none; }
.txn__pager-info { font-size: 0.8rem; font-weight: 600; color: var(--color-muted); font-variant-numeric: tabular-nums; }

.txn__pending {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  color: #b45309;
  background: color-mix(in srgb, var(--status-low) 18%, transparent);
  white-space: nowrap;
}