.reconciled-report-source { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .45fr); gap: 14px; }
.reconciled-report-source textarea { min-height: 190px; }
.reconciled-report-controls { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 14px; }
.reconciled-report-controls > label, .reconciled-report-field { display: flex; flex-direction: column; gap: 5px; min-width: 150px; }
.reconciled-report-field { flex: 1 1 220px; }
.reconciled-report-checks { display: flex; flex-wrap: wrap; gap: 5px 10px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-subtle, #fafbfd); }
.reconciled-report-checks label { display: inline-flex; gap: 5px; align-items: center; min-width: 0; }
.reconciled-report-summary { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 12px 0; color: var(--muted); font-size: .9rem; }
.reconciled-report-preview { margin-top: 14px; overflow-x: auto; }
.reconciled-report-preview section { margin-top: 14px; }
.reconciled-report-preview h3 { margin-bottom: 6px; }
.reconciled-report-preview table { min-width: 100%; }
.reconciled-report-preview[hidden] { display: none; }
.reconciled-report-warnings { margin: 10px 0; padding-left: 20px; color: #805b0d; }
@media (max-width: 760px) {
  .reconciled-report-source { grid-template-columns: 1fr; }
  .reconciled-report-source textarea { min-height: 150px; }
  .reconciled-report-controls > label, .reconciled-report-field { min-width: min(100%, 180px); }
}