/* المطابقة، التقريب البنكي، الميزان المجمّع */
.lt-acc { display: inline-flex; gap: 4px; align-items: center; }
.lt-acc input { width: 9ch; font-family: var(--font-num); }
.lt-acc-info { margin: -4px 0 10px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.lt-selbar { position: sticky; top: 0; z-index: 3; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 8px 12px; margin-bottom: 10px; background: var(--ledger-soft); border: 1px solid var(--rule); border-radius: var(--radius); font-size: .88rem; }
.lt-selbar > span:first-child { flex: 1; min-width: 240px; }
.lt-grid td.lt-chk, .lt-grid th.lt-chk { width: 28px; text-align: center; }
.lt-grid td.lt-letter { font-family: var(--font-num); font-weight: 700; color: var(--stamp); width: 42px; }
.lt-grid tbody tr[data-key] { cursor: pointer; }
.lt-grid tbody tr[data-key]:focus { outline: 2px solid var(--stamp); outline-offset: -2px; }
.lt-grid tbody tr.is-selected td { background: var(--ledger-soft); }
.lt-grid tbody tr.is-lettered td { color: var(--ink-2); }
.lt-scope { display: grid; gap: 8px; margin: 8px 0 4px; }
.lt-chart { margin: 0; padding: 12px; background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); }
.lt-chart svg { width: 100%; height: auto; display: block; }
.lt-chart .lt-bar-d, .lt-key.lt-bar-d { fill: var(--ledger); background: var(--ledger); }
.lt-chart .lt-bar-c, .lt-key.lt-bar-c { fill: var(--stamp); background: var(--stamp); }
.lt-chart .lt-axis { fill: var(--ink-2); font-size: 11px; font-family: var(--font-num); }
.lt-chart .lt-base { stroke: var(--rule-strong); }
.lt-chart figcaption { display: flex; gap: 16px; font-size: .82rem; color: var(--ink-2); margin-top: 6px; }
.lt-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-inline-end: 6px; vertical-align: -1px; }

.br-state { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: stretch; margin-bottom: 12px; }
.br-diff { display: grid; place-content: center; text-align: center; gap: 2px; padding: 10px 18px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--surface); min-width: 150px; }
.br-diff span { color: var(--ink-2); font-size: .82rem; }
.br-diff strong { font-size: 1.25rem; font-family: var(--font-num); }
.br-diff.ok strong { color: var(--ledger); }
.br-diff small { color: var(--ledger); font-size: .78rem; }
.br-preview { max-height: 220px; overflow: auto; margin: 8px 0 12px; border: 1px solid var(--rule); border-radius: var(--radius); }
.br-preview td { white-space: nowrap; font-size: .8rem; unicode-bidi: plaintext; }
#brLines tr.is-lettered td { color: var(--ink-2); }

.co-companies { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; flex: 1; min-width: 260px; }
.co-companies legend { font-size: .82rem; color: var(--ink-2); padding: 0; margin-bottom: 4px; }
.co-elims { margin-bottom: 14px; }
.co-grid td, .co-grid th { white-space: nowrap; }

@media screen and (max-width: 980px) {
  .br-state { grid-template-columns: 1fr; }
  .lt-grid, .co-grid { display: block; overflow-x: auto; }
}
@media print {
  .lt-selbar, .lt-chk { display: none; }
  .lt-chart .lt-bar-d, .lt-chart .lt-bar-c { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.print-mode .co-grid th, .print-mode .co-grid td, .print-mode .lt-grid th, .print-mode .lt-grid td { font-size: 7.5pt; padding: 3px 4px; white-space: normal; }
.print-mode .co-grid, .print-mode .lt-grid { table-layout: auto; width: 100%; }
.print-mode .br-state { grid-template-columns: 1fr 1fr auto; }