/* Cheque image extractor (#/cheque-images, public/cheque-images.js) */
.chq-start .dropzone { margin-top: 0.75rem; }
.chq-pick-box { margin-top: 1rem; }
.chq-pick-list { list-style: none; padding: 0; margin: 0.75rem 0 0; max-height: 22rem; overflow-y: auto; }
.chq-pick-list li + li { border-top: 1px solid var(--line); }
.chq-tag { margin-left: 0.5rem; }
.chq-runs { padding-left: 1.2rem; }
.chq-runs li { margin: 0.35rem 0; }
.chq-status { font-weight: 650; margin: 0.5rem 0 1rem; }
.chq-exports { margin-top: 1.5rem; }
.chq-exports h2 { margin-top: 0; }
.chq-exports .actions { margin: 0.75rem 0; }
.chq-exports .check { display: block; margin: 0.35rem 0; }
.chq-table td.chq-file { overflow-wrap: anywhere; max-width: 18rem; }
.chq-nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; align-items: center; }
.chq-title { overflow-wrap: anywhere; font-size: 1.6rem; }
.chq-review { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; margin-top: 1rem; }
.chq-preview { position: sticky; top: 1rem; margin: 0; }
.chq-preview img { display: block; width: 100%; height: auto; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.chq-preview figcaption { margin-top: 0.5rem; font-size: 0.9rem; }
.chq-form, .chq-form fieldset { min-width: 0; }
.chq-form fieldset { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 0.75rem 1rem 1rem; margin: 0 0 1rem; background: var(--surface); }
.chq-form legend { font-weight: 700; padding: 0 0.4rem; }
.chq-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 0.75rem 1rem; }
.chq-grid .field + .field { margin-top: 0; }
.chq-field.chq-wide { grid-column: 1 / -1; }
.chq-field .hint { margin: 0.25rem 0 0; font-size: 0.82rem; }
.chq-field.chq-low input { border-color: var(--warn); background: var(--warn-bg); }
.chq-field.chq-low .hint { color: var(--warn); font-weight: 650; }
.chq-actions { position: sticky; bottom: 0; background: var(--bg); padding: 0.75rem 0; margin-bottom: 0; border-top: 1px solid var(--line); }
@media (max-width: 860px) {
  .chq-review { grid-template-columns: 1fr; }
  .chq-preview { position: static; }
}