/* FX Report — minimal styles. Mirrors .ddu-table for visual consistency. */

.fx-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  font-size: 14px;
}

.fx-table th,
.fx-table td {
  padding: 6px 10px;
  border-bottom: 1px solid var(--border, #e5e7eb);
  text-align: left;
}

.fx-table thead th {
  background: var(--surface-2, #f9fafb);
  font-weight: 600;
}

.fx-table tfoot th {
  background: var(--surface-2, #f9fafb);
  font-weight: 700;
  border-top: 2px solid var(--border, #e5e7eb);
}

.fx-table th.num,
.fx-table td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fx-table tbody tr:hover {
  background: var(--surface-2, #f9fafb);
}

/* Click-to-expand drill-down */

.fx-row-clickable {
  cursor: pointer;
}

.fx-row-clickable:hover {
  background: var(--surface-2, #f9fafb);
}

.fx-toggle {
  text-align: center;
  color: var(--muted, #6b7280);
  font-size: 12px;
  width: 24px;
  user-select: none;
}

.fx-detail-row > td {
  padding: 6px 24px;
  background: var(--surface-2, #f9fafb);
  border-bottom: 1px solid var(--border, #e5e7eb);
}

.fx-detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  table-layout: auto;
}

.fx-detail-table th,
.fx-detail-table td {
  padding: 4px 10px;
  border-bottom: 1px solid var(--border, #e5e7eb);
  text-align: left;
}

.fx-detail-table thead th {
  font-weight: 600;
  color: var(--muted, #6b7280);
  background: transparent;
}

.fx-detail-table th.num,
.fx-detail-table td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fx-detail-table tr:last-child td {
  border-bottom: none;
}