.reconciliation-panel { margin-block: 1.5rem; }
.reconciliation-panel .actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.reconciliation-panel [role=status] { padding: .75rem; background: rgba(125,125,125,.09); border-radius: .5rem; }
.reconciliation-panel td { white-space: pre-line; min-width: 8rem; vertical-align: top; }
.reconciliation-panel td:first-child { min-width: 3rem; }
.reconciliation-panel td button { display: block; margin-bottom: .4rem; }
.reconciliation-scroll { overflow-x: auto; max-width: 100%; }
.reconciliation-summary { border: 1px solid currentColor; border-radius: .75rem; padding: 1rem; margin-bottom: 1rem; }
.reconciliation-dialog { width: min(1100px, 94vw); max-height: 90dvh; overflow: auto; border: 1px solid #777; border-radius: 1rem; padding: 1.25rem; color: inherit; background: var(--surface, #fff); }
.reconciliation-dialog::backdrop { background: #0007; }
.reconciliation-purchase-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-block: 1rem; }
.reconciliation-dialog fieldset { padding: 1rem; border: 1px solid #9996; border-radius: .5rem; min-width: 0; }
.reconciliation-dialog label { display: grid; gap: .25rem; margin-block: .65rem; }
.reconciliation-dialog input, .reconciliation-dialog select { max-width: 100%; min-height: 2.5rem; }
@media (max-width: 600px) { .reconciliation-dialog { padding: .75rem; } .reconciliation-panel .actions button { flex: 1 1 45%; } .reconciliation-purchase-grid { grid-template-columns: 1fr; } }