/* --- Invoice Card --- */
.deal-page .invoice-card {
  background: var(--surface);
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  margin-bottom: 28px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.deal-page .invoice-card > .table-scroll {
  margin: 0 -2px;
  padding: 0 2px;
}

.deal-page .invoice-card.rp-card {
  border-color: rgba(255, 255, 255, 0.12);
}

.deal-page .invoice-card.editing {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent), 0 0 20px rgba(79, 110, 247, 0.15);
}

.deal-page .invoice-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  gap: 8px;
}

.deal-page .invoice-card-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.deal-page .invoice-card-header-right {
  display: flex;
  gap: 8px;
  align-items: center;
}

.deal-page .invoice-number {
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 600;
}

.deal-page .bq-id {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--muted);
  background: var(--panel2);
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid var(--border);
}

.deal-page .invoice-dates {
  font-size: 12px;
  color: var(--muted);
  display: flex;
  gap: 14px;
}