/* General ledger (ledger.js): period bar, report tables, entry cards and the period lock. Colors come from the shared tokens. */
.led-body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.led-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; min-width: 0; }
.led-bar > .field { min-width: 0; }
.led-bar .input { width: 11rem; max-width: 100%; }
.led-bar .led-wide { width: 20rem; }
.led-export { margin-left: auto; }
.led-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.led-chip { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; font-size: 12px; white-space: nowrap; background: var(--muted-bg); color: var(--muted-ink); }
.led-chip.ok { background: var(--ok-bg); color: var(--ok-ink); }
.led-chip.bad { background: var(--bad-bg); color: var(--bad-ink); }
.led-status { margin: 0 0 12px; }
.led-t .led-head th { position: static; background: var(--sunk); color: var(--text); font-weight: 500; }
.led-t .led-sub th { background: var(--surface); color: var(--text-2); }
.led-tot td, .led-tot th { font-weight: 600; }
.led-net td { font-weight: 600; border-top: 1px solid var(--m); }
.led-entry { display: flex; flex-direction: column; gap: 10px; }
.led-entry-head, .led-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.led-sum { margin: 0; }
.led-sum > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.led-sum > div:last-child { border-bottom: 0; }
.led-sum dt { display: inline-flex; align-items: center; gap: 6px; color: var(--text-2); }
.led-sum dd { margin: 0; }
.led-em dt, .led-em dd { font-weight: 600; color: var(--text); }
.led-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.led-lines .input { width: 100%; min-width: 0; }
.led-lines .led-amt { width: 8.5rem; text-align: right; }
@media (max-width: 700px) {
  .led-bar .input, .led-bar .led-wide { width: 100%; }
  .led-export { margin-left: 0; }
  .led-roles { grid-template-columns: minmax(0, 1fr); }
  .led-lines .led-amt { width: 6rem; }
}