/* =============================================================================
 * D04_PlanConfirm_UI_Style.css — D04 확정 · 업체 표(531-3) · 색은 테마 토큰만
 * ========================================================================== */

.d04-confirm {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  padding: var(--spacing-16);
  overflow: auto;
}

.d04-confirm__table {
  border-collapse: collapse;
  font-size: var(--text-body-sm);
  color: var(--color-text-body);
}

.d04-confirm__table th,
.d04-confirm__table td {
  padding: var(--spacing-8);
  border: 1px solid var(--color-border);
  text-align: left;
  vertical-align: top;
}

.d04-confirm__table thead th {
  background: var(--color-surface);
}

.d04-confirm__table td[data-num] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.d04-confirm__firm,
.d04-confirm__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.d04-confirm__input {
  min-width: 10rem;
  padding: var(--spacing-4) var(--spacing-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-canvas);
  color: var(--color-text-body);
}

.d04-confirm__dirty {
  color: var(--color-warning, var(--color-text-secondary));
}

.d04-confirm__picks {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}