/* Customer portal (/customer-portal) — on top of checkout.css. */
body.cu-wide { align-items:flex-start; }
.cu-card { max-width:860px; }
.cu-out { margin:0; }
.cu-out button { border:1px solid var(--line); background:var(--field); color:var(--ink); font:600 13px Inter,system-ui,sans-serif;
    padding:7px 13px; border-radius:999px; cursor:pointer; }
.cu-out button:hover { border-color:var(--brand); color:var(--brand); }
.cu-who { margin:-8px 0 18px; font-size:13.5px; color:var(--muted); overflow-wrap:anywhere; }
.cu-stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; margin-bottom:22px; }
.cu-stat { padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--field); }
.cu-stat span { display:block; font-size:11.5px; text-transform:uppercase; letter-spacing:.6px; color:var(--muted); font-weight:600; }
.cu-stat strong { display:block; margin-top:6px; font-size:26px; font-weight:800; letter-spacing:-.5px; font-variant-numeric:tabular-nums; }
.cu-stat small { display:block; margin-top:4px; font-size:12px; color:var(--muted); line-height:1.45; }
.cu-stat-main { border-color:rgba(8,160,90,.4); background:linear-gradient(140deg, rgba(8,160,90,.12), transparent 70%), var(--field); }
.cu-stat-main strong { color:var(--brand); }
.cu-sec { margin-top:22px; }
.cu-sec h2 { margin:0 0 10px; font-size:16px; }
.cu-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:14px; }
.cu-table { width:100%; border-collapse:collapse; font-size:13.5px; }
.cu-table th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.6px; color:var(--muted); font-weight:600; padding:10px 12px; border-bottom:1px solid var(--line); }
.cu-table td { padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.cu-table tr:last-child td { border-bottom:0; }
.cu-table .r { text-align:right; }
.cu-table .nw { white-space:nowrap; }
.cu-muted { color:var(--muted); }
.cu-plus { color:var(--ok); font-weight:600; }
.cu-minus { color:var(--ink); font-weight:600; }
.cu-badge { display:inline-block; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; }
.cu-paid { background:rgba(52,211,153,.14); color:#34d399; }
.cu-open { background:rgba(251,191,36,.14); color:#d97706; }
.cu-expired, .cu-cancelled { background:rgba(148,163,184,.16); color:var(--muted); }
[data-theme="light"] .cu-paid { color:#047857; }
@media (max-width:560px) {
    .cu-table th:nth-child(4), .cu-table td:nth-child(4) { display:none; }
}