.client-area-billing{gap:var(--space-6);min-width:0;display:grid}.client-area-billing-header h1{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:var(--font-size-h3)}.client-area-billing-header p{margin:0}.client-area-billing-block{gap:var(--space-3);padding:var(--space-6);background:var(--color-bg-surface);border:var(--border-width-1) solid var(--color-border-soft);border-radius:var(--radius-card);min-width:0;display:grid}.client-area-billing-block h2{font-family:var(--font-heading);font-size:var(--font-size-h5,var(--font-size-body));margin:0}.client-area-billing-contract{gap:var(--space-3);display:grid}.client-area-billing-contract p{margin:0}.client-area-billing-contract-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.client-area-billing-badge{padding:2px var(--space-2);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);background:var(--color-bg-app);color:var(--color-text-muted);border:var(--border-width-1) solid var(--color-border-soft);border-radius:999px;display:inline-flex}.client-area-billing-badge.is-active,.client-area-billing-badge.is-paid,.client-area-billing-badge.is-signed{color:var(--color-success,#15803d);border-color:currentColor}.client-area-billing-badge.is-expiring,.client-area-billing-badge.is-partial,.client-area-billing-badge.is-terminating{color:var(--color-warning,#b45309);border-color:currentColor}.client-area-billing-badge.is-overdue,.client-area-billing-badge.is-expired,.client-area-billing-badge.is-cancelled{color:var(--color-danger);border-color:currentColor}.client-area-billing-history{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.client-area-billing-history li{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width-1) solid var(--color-border-soft);display:grid}.client-area-billing-history li:first-child{border-top:0;padding-top:0}.client-area-billing-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.client-area-billing-table-wrap{overflow-x:auto}.client-area-billing-table{border-collapse:collapse;width:100%;font-size:var(--font-size-small)}.client-area-billing-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);border-bottom:var(--border-width-1) solid var(--color-border-soft)}.client-area-billing-table td{padding:var(--space-3);border-bottom:var(--border-width-1) solid var(--color-border-soft);vertical-align:middle}.client-area-billing-actions.is-row{flex-wrap:nowrap;justify-content:flex-end}.client-area-billing-detail-row td{background:var(--color-bg-app)}.client-area-billing-detail{gap:var(--space-3);display:grid}.client-area-billing-lines{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.client-area-billing-lines li{justify-content:space-between;gap:var(--space-4);display:flex}@media (max-width:767px){.client-area-billing-block{padding:var(--space-4)}.client-area-billing-table thead{display:none}.client-area-billing-table,.client-area-billing-table tbody,.client-area-billing-table tr,.client-area-billing-table td{width:100%;display:block}.client-area-billing-table tr{padding:var(--space-3) 0;border-bottom:var(--border-width-1) solid var(--color-border-soft)}.client-area-billing-table td{padding:var(--space-1) 0;border:0}.client-area-billing-actions.is-row{justify-content:flex-start}}