/* Customer account: stable action row and a chronological balance ledger. */
#customer-statement-dialog { width:min(1080px,calc(100% - 24px)); }
.customer-account-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 0; border-bottom:1px solid var(--line); }
.customer-account-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:white; text-decoration:none; }
.customer-account-actions a:hover { background:var(--paper,#f6f7f3); }
#customer-statement-dialog td small { display:block; color:var(--muted); font-size:13px; line-height:1.8; }
#customer-statement-dialog .ledger-number { white-space:nowrap; font-variant-numeric:tabular-nums; }
#customer-statement-dialog details { border-top:1px solid var(--line); margin-top:20px; padding-top:16px; }
#customer-statement-dialog summary { cursor:pointer; font-weight:700; }
#customer-statement-dialog a { color:var(--accent); }
#customer-payment-note { width:100%; display:block; padding:10px 13px; font:inherit; color:inherit; border:1px solid #cfd5cf; border-radius:4px; resize:vertical; }
#customer-payment-note-field { margin-top:16px; }
@media(max-width:540px) { .customer-account-actions { gap:8px; } .customer-account-actions button,.customer-account-actions a { flex:1; justify-content:center; font-size:15px; white-space:nowrap; } }
.customer-ledger-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:20px 0 12px; }
.customer-ledger-heading h3,.customer-ledger-heading .pagination { margin:0; }