/* checks.css — Check Writer module (renders into #checks-root) */
.chk-wrap { padding-bottom: 40px; }
.chk-stats { padding-top: 0; }
.chk-table-wrap { margin: 0 var(--pad-page, 16px); }
.chk-table td.num, .chk-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.chk-table td { height: auto; padding: 8px 12px; }
.chk-acts { white-space: nowrap; text-align: right; }
.chk-acts .fx-btn { margin-left: 4px; }
.chk-empty { text-align: center; color: var(--text-muted); padding: 24px !important; }
.chk-note { font-size: 11px; color: var(--text-muted); font-style: italic; }
.chk-void td { opacity: .55; text-decoration: line-through; }
.chk-pending td:first-child { box-shadow: inset 3px 0 0 var(--gold); }
.chk-form { margin: 0 var(--pad-page, 16px) 16px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.chk-form h3 { margin: 0 0 12px; font-size: 15px; }
.chk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.chk-grid .chk-span2 { grid-column: span 2; }
.chk-grid .chk-span3 { grid-column: span 3; }
.chk-grid textarea { border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px 10px; font-size: 13px; font-family: inherit; background: var(--surface); color: var(--text); resize: vertical; }
.chk-grid textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-soft); }
.chk-words { margin: 10px 0 0; font-size: 12px; color: var(--text-2); font-style: italic; min-height: 16px; }
.chk-form-acts { margin-top: 12px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.chk-msg { font-size: 12px; color: var(--danger-2, #b42318); }
@media (max-width: 760px) {
  .chk-grid { grid-template-columns: 1fr; }
  .chk-grid .chk-span2, .chk-grid .chk-span3 { grid-column: span 1; }
  .chk-acts { white-space: normal; }
}
.chk-sig { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); margin-right: 10px; flex-wrap: wrap; }
.chk-sig-up { cursor: pointer; }
.chk-tabs { display: flex; gap: 4px; margin: 0 var(--pad-page, 16px) 10px; border-bottom: 1px solid var(--border); }
.chk-tab { background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 12px; font-size: 13px; color: var(--text-muted); cursor: pointer; margin-bottom: -1px; }
.chk-tab.on { color: var(--text); border-bottom-color: var(--gold); font-weight: 600; }
.chk-hint { margin: 0 var(--pad-page, 16px) 10px; font-size: 12px; color: var(--text-muted); }
.chk-modal { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.chk-modal__box { background: var(--surface); border-radius: var(--radius); max-width: 960px; width: 100%; max-height: 95vh; overflow: auto; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.chk-modal__head { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--border); font-size: 13px; }
.chk-modal__img { padding: 12px; background: #f3f4f6; }
.chk-modal__img img, .chk-fac { display: block; width: 100%; max-width: 900px; margin: 0 auto; border: 1px solid var(--border); background: #fff; }
.chk-fac { aspect-ratio: 8.5 / 3.55; border: 0; }
.chk-modal__meta { padding: 10px 14px; font-size: 12px; color: var(--text-2); }
.chk-stubpre { margin: 8px 0 0; font: 12px/1.4 ui-monospace, Consolas, monospace; white-space: pre-wrap; background: var(--surface-2); padding: 8px 10px; border-radius: var(--radius-sm); }