.client-statement-page{gap:20px;min-width:0;display:grid}.client-statement-page>.back-link{justify-self:start}.client-statement-page .page-heading{margin-bottom:0}.client-statement-controls{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;padding:24px;display:flex}.client-statement-client{flex:220px;min-width:0}.client-statement-controls>label{color:var(--muted);gap:8px;font-size:14px;display:grid}.client-statement-controls input,.client-statement-controls select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:9px;min-height:46px;padding:12px}.client-statement-controls button{min-height:46px}.client-statement-actions{flex-wrap:wrap;gap:12px;margin-inline-start:auto;display:flex}.client-statement-actions>button{border:1px solid var(--green);cursor:pointer;border-radius:9px;padding:12px 18px;font-weight:600}.client-statement-actions>.primary-button{background:var(--green);color:#fff}.client-statement-actions>.primary-button:hover:not(:disabled){background:var(--green-hover)}.client-statement-actions>.secondary-button{background:var(--surface);color:var(--green)}.client-statement-actions>.secondary-button:hover:not(:disabled){background:var(--surface-active)}.client-statement-actions>button:disabled{cursor:not-allowed;opacity:.5}.client-statement-guidance{margin:-8px 0 0;font-size:13px}.client-statement-status{margin:0;font-size:13px}.client-statement-status:empty{display:none}.client-statement-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.client-statement-summary section{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:14px;padding:24px;display:grid}.client-statement-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(20px,2vw,28px)}.client-statement-details{min-width:0;overflow:hidden}.client-statement-details>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.client-statement-details h2{margin:0;font-size:20px}.client-statement-details>header span{font-size:13px}.client-statement-table-wrap{max-height:65vh;overflow:auto}.client-statement-page table{border-collapse:collapse;width:100%;min-width:1120px;font-size:13px}.client-statement-page th,.client-statement-page td{text-align:start;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 12px}.client-statement-page thead{z-index:1;background:var(--surface-muted);position:sticky;top:0}.client-statement-page thead th{white-space:nowrap;color:var(--muted);font-size:12px}.client-statement-page td{white-space:nowrap}.client-statement-page td.reference{white-space:normal}.client-statement-summary small{color:var(--muted);font-size:12px;font-weight:500}.client-statement-details>header p{margin:8px 0 0;font-size:13px}.client-statement-table-note{margin:0;padding:16px 24px;font-size:12px}.client-statement-page td small{white-space:nowrap;color:var(--muted);margin-top:5px;font-size:11px;display:block}.client-statement-page .amount{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.client-statement-page .negative{color:#c24350}.client-statement-page .document{white-space:normal;overflow-wrap:anywhere;min-width:150px;max-width:240px}.client-statement-page .reference{overflow-wrap:anywhere;min-width:260px;max-width:420px}.client-statement-payments{gap:10px;margin:0;padding:0;list-style:none;display:grid}.client-statement-payments li{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.client-statement-payments li+li{border-top:1px solid var(--border);padding-top:10px}.client-statement-payments li>div{min-width:0}.client-statement-payment-values{gap:10px;display:grid}.client-statement-payment-values>span+span{border-top:1px solid var(--border);padding-top:10px}.client-statement-payments .amount small{margin:0;display:inline}[data-theme=dark] .client-statement-page .negative{color:#ff929d}@media (max-width:1000px){.client-statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.client-statement-controls{padding:16px}.client-statement-controls>label{flex:140px}.client-statement-summary section{padding:16px}}