/* Payment journal additions; shared responsive, light and dark foundations live in billing-runs.css. */
.pj-actions { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); margin-top: 1rem; }
.pj-action, .pj-adjust { border: 1px solid var(--br-line); border-radius: .8rem; padding: .8rem; background: var(--br-soft); }
.pj-adjust { margin-top: 1rem; }
.br-form label, #pj-journal-open label { display: grid; gap: .25rem; font-weight: 700; }
.br-form :is(input, select), #pj-journal-open input { min-height: 3rem; width: 100%; border: 1px solid var(--br-line); border-radius: .55rem; padding: .5rem .65rem; color: var(--br-ink); background: var(--br-field); font: inherit; }
.pj-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .6rem; margin-bottom: .8rem; }
.pj-metric { border: 1px solid var(--br-line); border-radius: .7rem; padding: .6rem; background: var(--br-soft); }
.pj-metric span { display: block; color: var(--br-muted); font-size: .82rem; font-weight: 700; }
.pj-metric strong { display: block; margin-top: .2rem; font-size: 1.1rem; }
.pj-code { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
@media (max-width: 40rem) { #pj-journal-open { display: grid; } #pj-journal-open > * { width: 100%; } }

.pj-payer-suggestions { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; max-height: 18rem; overflow-y: auto; }
.pj-payer-suggestions[hidden], .pj-payer-selection[hidden] { display: none; }
.pj-payer-option { width: 100%; min-height: 3rem; padding: .7rem .8rem; text-align: left; overflow-wrap: anywhere; border: 1px solid var(--br-line); border-radius: .55rem; background: var(--br-field); color: var(--br-ink); font: inherit; cursor: pointer; }
.pj-payer-option:disabled { color: var(--br-muted); cursor: default; }
.pj-payer-option:focus-visible, #pj-payer-change:focus-visible { outline: 3px solid var(--br-ink); outline-offset: 2px; }
.pj-payer-selection { display: grid; gap: .5rem; padding: .8rem; border: 1px solid var(--br-line); border-radius: .55rem; background: var(--br-soft); overflow-wrap: anywhere; }
.pj-payer-selection > span { color: var(--br-muted); }
#pj-payer-change { min-height: 3rem; }