/* Customer invoice documents are intentionally light in every app theme. */
html .invoice-paper { --canvas:#f5f5f7; }
html .invoice-paper .collection-alert { grid-template-columns:24px minmax(0,1fr) auto; gap:12px; padding:16px; border-radius:10px; }
html .invoice-paper .collection-alert.warning { background:#fff7e6; border-color:#e2c792; color:#754300; }
html .invoice-paper .collection-alert.final { background:#fff1f3; border-color:#e8b5bd; color:#992333; }
html .invoice-paper .collection-alert :is(strong,p,b) { color:inherit; }
html .invoice-paper .collection-alert strong { font-size:14px; line-height:1.4; font-weight:600; }
html .invoice-paper .collection-alert p { margin:4px 0 0; font-size:14px; line-height:1.5; }
html .invoice-paper .collection-alert b { font-size:14px; line-height:1.4; }
html .invoice-paper .collection-alert-icon { width:24px; height:24px; background:none; border:0; border-radius:0; color:inherit; }
.collection-alert-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* Admin collection controls follow the app theme, unlike the invoice paper. */
.collection-card { --collection-surface:#f3f5f8; --collection-muted:#596273; }
html[data-theme="dark"] .collection-card { --collection-surface:#242426; --collection-muted:#b4bbc8; }
.collection-card .reminder-email-shutoff,.collection-card .reminder-paused-copy { padding:14px; border:1px solid var(--line); border-radius:10px; background:var(--collection-surface); color:var(--ink); }
.collection-card .reminder-email-shutoff { gap:12px; min-height:64px; }
.collection-card .reminder-email-shutoff input { width:18px; height:18px; flex:0 0 18px; margin:2px 0 0; accent-color:var(--blue); }
.collection-card .reminder-email-shutoff input:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.collection-card .reminder-email-shutoff strong { font-size:13px; font-weight:600; line-height:1.5; color:var(--ink); }
.collection-card .reminder-email-shutoff small { margin-top:4px; font-size:12px; line-height:1.5; color:var(--collection-muted); }
.collection-card .reminder-paused-copy,.collection-card .reminder-timeline small { color:var(--collection-muted); }
.collection-card .reminder-paused-copy strong { color:var(--ink); font-size:13px; }
.collection-card .reminder-sent-check b { background:var(--collection-surface); border-color:var(--line); }
.collection-card .reminder-sent-check input:checked + b { background:#e3f6ed; color:#087d54; border-color:#b9e3d2; }
html[data-theme="dark"] .collection-card .reminder-sent-check input:checked + b { background:#203b2d; color:#81e1aa; border-color:#46725a; }
html[data-theme="dark"] .collection-card .reminder-timeline i { background:var(--collection-surface); color:#b4bbc8; }
html[data-theme="dark"] .collection-card .reminder-timeline .due i { color:#ffd17a; }
html[data-theme="dark"] .collection-card.final .reminder-timeline .due i { color:#ffa1ab; }
html[data-theme="dark"] .collection-card .reminder-timeline .sent i { color:#81e1aa; }
.email-delivery-question { background:var(--paper); color:var(--ink); border-color:var(--line); }
.email-delivery-question small { color:#596273; font-size:12px; }
html[data-theme="dark"] .email-delivery-question small { color:#b4bbc8; }
@media(max-width:600px) {
  html .invoice-paper .collection-alert { grid-template-columns:24px minmax(0,1fr); }
  html .invoice-paper .collection-alert b { grid-column:2; white-space:normal; }
}