/* invoicing (M9) — additions to the Industry design system for the
 * Invoicing, A/R & Payments view. Tables, chips and panels come from
 * styles.css / platform.css; only the module's own shapes live here. */

.inv-note { margin: 0 0 16px; padding: 8px 12px; border-left: 3px solid var(--accent, #1f3a5f); background: #f6f8fb; font-size: 13px; }
.inv-note strong { letter-spacing: .02em; text-transform: uppercase; font-size: 11px; margin-right: 6px; }

.inv-skipped { margin: 0; padding-left: 18px; font-size: 13px; }
.inv-skipped li { margin: 2px 0; }

.inv-total td { border-top: 1px solid var(--line, #d9d9dc); }

.inv-aging tfoot td { border-top: 2px solid var(--ink, #1d1f20); font-weight: 600; }

.inv-followup { border: 1px solid var(--line, #d9d9dc); padding: 10px 12px; margin: 0 0 10px; }
.inv-followup-head { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 0 0 8px; font-size: 13px; }
.inv-followup-note { width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; padding: 8px; border: 1px solid var(--line, #d9d9dc); background: #fafafa; resize: vertical; }

.inv-mode { display: grid; gap: 8px; margin: 0 0 16px; }
.inv-mode-option { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--line, #d9d9dc); cursor: pointer; }
.inv-mode-option.active { border-color: var(--accent, #1f3a5f); background: #f6f8fb; }
.inv-mode-option input { margin-top: 3px; }

td.check, th.check { width: 28px; }
.field-inline { display: inline-flex; gap: 6px; align-items: center; margin: 0 0 8px; font-size: 13px; }