:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.billing-page{min-height:100vh;margin:0;background:radial-gradient(circle at 90% 0,#263950 0,transparent 35%),#090b0f;color:#f7f9fc}.billing-shell{width:min(980px,100%);margin:auto;padding:calc(28px + env(safe-area-inset-top)) 18px calc(42px + env(safe-area-inset-bottom))}.billing-header{padding-right:62px}.billing-header h1{margin:0;font-size:clamp(38px,8vw,62px)}.billing-header p{color:#a9b5c4}.billing-tools{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0}.billing-tools input,.billing-tools button,.billing-action{min-height:48px;padding:11px 14px;border:1px solid #39485a;border-radius:13px;background:#111923;color:#fff;font:inherit}.billing-tools button,.billing-action{background:#f0b85b;color:#171006;font-weight:850;cursor:pointer}.status{min-height:22px;color:#a9b5c4}.status.error{color:#ff9b9b}.status.success{color:#78e49b}.billing-list{display:grid;gap:16px}.customer-card{padding:18px;border:1px solid #303d4c;border-radius:20px;background:#111720}.customer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.customer-head h2{margin:0}.customer-head p{margin:5px 0 0;color:#a9b5c4}.due-total{white-space:nowrap;color:#f5c760;font-size:19px;font-weight:900}.billing-section{margin-top:18px}.billing-section h3{margin:0 0 9px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#b8c3cf}.billing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #293544}.billing-row small{display:block;margin-top:4px;color:#9eacbd}.billing-action{min-height:40px;padding:8px 11px}.empty{padding:28px;border:1px dashed #384657;border-radius:18px;text-align:center;color:#a9b5c4}@media(max-width:620px){.billing-tools{grid-template-columns:1fr}.customer-head{display:block}.due-total{display:block;margin-top:8px}.billing-row{grid-template-columns:1fr}.billing-action{width:100%}}

/* UX 2026-07-28 : suivi financier compact. */
.billing-shell{padding-top:calc(18px + env(safe-area-inset-top))}
.billing-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:62px}
.billing-title-row h1{margin:0;font-size:clamp(30px,5vw,42px);line-height:1.05}
.billing-title-row .beta-pill{flex:0 0 auto;margin:0}
.billing-eyebrow{margin:0 0 4px;color:#8ea0b4;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.billing-tools{gap:6px;margin:10px 0 5px}
.billing-tools input,.billing-tools button,.billing-action{min-height:42px;padding:9px 11px;border-radius:10px}
.billing-shell>.status{min-height:18px;margin:4px 2px 7px;font-size:12px}
.billing-list{gap:7px}
.customer-card{padding:11px 12px;border-radius:13px}
.customer-head h2{font-size:17px}
.customer-head p{margin-top:3px;font-size:11px}
.due-total{font-size:16px}
.billing-section{margin-top:10px}
.billing-section h3{margin-bottom:5px;font-size:11px}
.billing-row{gap:8px;padding:8px 0;font-size:13px}
.billing-row small{margin-top:2px;font-size:10px}
.billing-action{font-size:11px}
@media(max-width:620px){
  .billing-shell{padding-inline:11px}
  .billing-title-row{padding-right:58px}
  .billing-title-row .beta-pill{position:absolute;top:calc(18px + env(safe-area-inset-top));right:72px}
  .billing-tools{grid-template-columns:1fr auto}
  .billing-tools button{padding-inline:10px}
}