/* WP96: the customer's statement (GET /api/portal/statement.html) - one page per month, then the open invoices.
 * Shown inside the portal's sheet and printed from it (the browser saves it as PDF); also works opened alone. */
.statement { color: inherit; }
.statement .st-page { padding: 4px 0 18px; }
.statement .st-page + .st-page { border-top: 1px dashed currentColor; border-top-color: rgba(127, 127, 127, .35); padding-top: 18px; }
.statement .st-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 10px; border-bottom: 2px solid #e8891a; }
.statement .st-head > div:first-child { display: flex; align-items: center; gap: 10px; }
.statement .st-logo { height: 40px; width: auto; }
.statement .st-head span { font-size: 13px; opacity: .75; }
.statement .st-right { text-align: right; }
.statement .st-who { font-weight: 700; margin: 10px 0 8px; }
.statement .st-h2 { font-size: 16px; margin: 6px 0; }
.statement .st-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.statement .st-table th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; opacity: .7; padding: 6px 4px; border-bottom: 1px solid rgba(127, 127, 127, .4); }
.statement .st-table td { padding: 6px 4px; border-bottom: 1px solid rgba(127, 127, 127, .2); vertical-align: top; }
.statement .st-table .num { text-align: right; font-family: ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.statement .st-table tfoot td { font-weight: 700; border-bottom: 0; border-top: 2px solid rgba(127, 127, 127, .5); }
.statement .st-open td { font-style: italic; opacity: .85; }
.statement .st-foot { margin: 10px 0 0; font-size: 14px; }
.statement .st-legal { margin: 6px 0 0; font-size: 11px; opacity: .6; }
body > main.statement { max-width: 820px; margin: 24px auto; padding: 0 16px; font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1d1f1a; background: #fff; }
@media print {
  @page { size: A4; margin: 14mm; }
  .statement .st-page { page-break-after: always; break-after: page; border-top: 0 !important; padding-top: 0 !important; }
  .statement .st-page.st-last { page-break-after: auto; break-after: auto; }
  .statement, .statement * { color: #000 !important; }
}