/* Task #179: invoicing overview — billable tasks split into uninvoiced /
   invoiced tables with hours + SEK footer rollups, plus the task-detail
   invoiced toggle badge. */

.invoicing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.invoicing-table th {
  text-align: left;
  padding: var(--space-2) var(--space-3);
  color: var(--text-muted);
  font-weight: 600;
  border-bottom: 1px solid var(--border-mid);
}

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

.invoicing-table tfoot td {
  border-top: 1px solid var(--border-mid);
  border-bottom: none;
  font-weight: 600;
  color: var(--text-heading);
}

.invoicing-table .invoicing-num { text-align: right; white-space: nowrap; }
.invoicing-table .invoicing-check { width: 1.5rem; }

.invoicing-actions {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-3);
}

/* Task-detail toggle badge. */
.invoice-badge {
  display: inline-block;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  margin-bottom: var(--space-2);
}

.invoice-badge--invoiced {
  background: var(--success-chip);
  color: var(--success);
}

.invoice-badge--uninvoiced {
  background: var(--surface-chip);
  color: var(--text-muted);
}

.invoice-warning { color: var(--warning); }