.reconciliation-panel { margin:18px 0; }
.reconciliation-panel > summary { cursor:pointer; padding:18px; color:var(--text,#173e30); font-weight:700; }
.reconciliation-body { padding:0 18px 18px; }
.reconciliation-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:12px 0; }
.reconciliation-form label { display:grid; gap:6px; font-size:12px; min-width:150px; }
.reconciliation-form label:first-child { flex:1 1 240px; }
.reconciliation-form select,.reconciliation-form input { width:100%; padding:9px; }
.reconciliation-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }
.reconciliation-metric { border:1px solid #abc4b5; border-radius:12px; padding:14px; }
.reconciliation-metric strong,.reconciliation-metric small { display:block; }
.reconciliation-metric strong { font-size:20px; margin-top:8px; overflow-wrap:anywhere; }
.reconciliation-panel .table-wrap { max-height:600px; overflow:auto; overscroll-behavior:auto; }
.reconciliation-panel th { position:sticky; top:0; background:var(--panel,#fff); z-index:1; }
.reconciliation-panel td { white-space:normal; vertical-align:top; font-size:12px; min-width:90px; }
.reconciliation-panel td:nth-child(2) { min-width:200px; max-width:350px; overflow-wrap:anywhere; }
.reconciliation-panel td small { display:block; color:var(--muted,#67796f); margin-top:4px; }
.reconciliation-panel td select { max-width:240px; width:100%; min-width:180px; padding:8px; }
.reconciliation-panel .reconciliation-number { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.reconciliation-warnings { border-left:3px solid #b69948; padding:12px 12px 12px 30px; font-size:12px; line-height:1.5; }
.reconciliation-opening { margin-top:14px; }
.reconciliation-opening > summary { cursor:pointer; padding:12px 0; }
@media(max-width:800px) { .reconciliation-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }