/* ============================================================================
   RECONCILIATION.CSS — scoped styles for js/reconciliation.js (Money section).
   ============================================================================ */

.rec-subtitle { margin: 4px 0 0; font-size: 13px; color: var(--text-muted); }

.rec-status { margin: 12px 0; padding: 10px 14px; border-radius: var(--r-md); font-size: 13px; }
.rec-status-ok    { background: rgba(34,197,94,.12); color: var(--success, #16a34a); }
.rec-status-warn  { background: rgba(245,158,11,.14); color: #b45309; }
.rec-status-error { background: rgba(239,68,68,.12); color: var(--danger, #dc2626); }

.rec-panel { margin: 14px 0; }
.rec-form { display: flex; gap: 14px; align-items: flex-end; flex-wrap: wrap; }
.rec-fld { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--text-muted); }
.rec-fld input { font-weight: 400; padding: 6px 8px; border: 1px solid var(--border, #cbd5e1); border-radius: var(--r-sm, 6px); }
.rec-hint { margin: 8px 0 0; font-size: 12px; color: var(--text-muted); max-width: 820px; line-height: 1.5; }

.rec-section { margin: 22px 0; }
.rec-section h2 { font-size: 15px; margin: 0 0 8px; display: flex; align-items: center; gap: 10px; }
.rec-count { font-size: 12px; font-weight: 600; color: var(--text-muted); background: var(--surface-alt, #f1f5f9); border-radius: 999px; padding: 1px 8px; }
.rec-total { font-size: 12px; font-weight: 600; color: var(--success, #16a34a); }
.rec-empty { font-size: 13px; color: var(--text-muted); font-style: italic; }

.rec-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.rec-table th { text-align: left; font-weight: 600; color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .03em; padding: 6px 10px; border-bottom: 1px solid var(--border, #e2e8f0); }
.rec-table td { padding: 8px 10px; border-bottom: 1px solid var(--border, #eef2f6); vertical-align: middle; }
.rec-mono { font-family: var(--font-mono); font-size: 12px; }
.rec-amt { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rec-pct { font-weight: 400; color: var(--text-muted); font-size: 12px; }
.rec-actions { white-space: nowrap; display: flex; gap: 6px; }
.rec-posted { color: var(--success, #16a34a); font-weight: 600; font-size: 12px; }

.rec-preview { margin: 12px 0; padding: 12px 14px; background: var(--surface-alt, #0f172a0a); border: 1px solid var(--border, #e2e8f0); border-radius: var(--r-md, 8px); font-family: var(--font-mono); font-size: 12px; white-space: pre-wrap; overflow-x: auto; }