/* Keep customer identity first, independent from payment and contact tools. */
.crm-app .crm-billing .crm-billing-heading{gap:12px;margin-bottom:18px;align-items:center}
.crm-app .crm-billing .crm-billing-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:24px;padding:24px;margin:0 0 22px;border:1px solid var(--inanet-border,#345867);border-left:4px solid #73dcf5;border-radius:16px;background:var(--inanet-surface,#13232d);color:var(--inanet-text,#e3edf5)}
.crm-app .crm-billing .crm-billing-title>.crm-billing-identity{min-width:0;width:100%;text-align:left}
.crm-app .crm-billing .crm-billing-title .crm-billing-identity h2{font-size:clamp(28px,2.5vw,40px);line-height:1.18;font-weight:800;color:#84e2ff;margin:0 0 12px;overflow-wrap:anywhere;letter-spacing:-.02em}
.crm-app .crm-billing .crm-billing-title .crm-billing-identity p{margin:0;color:#c1d6e2;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.crm-app .crm-billing .crm-billing-title>.crm-client-state-shell{display:block;min-width:0;width:100%}
.crm-app .crm-billing .crm-billing-title>.crm-client-state-shell>*{max-width:100%;min-width:0;margin:0}
.crm-app .crm-billing .crm-billing-client-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:20px 0 24px;min-width:0}
.crm-app .crm-billing .crm-billing-client-tools>*{min-width:0;max-width:100%}
.crm-app .crm-billing .crm-billing-client-tools .wa-consent-client-access{margin:0;max-width:100%}
.crm-app .crm-billing>.cc-monthly{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:1100px){.crm-app .crm-billing .crm-billing-title{grid-template-columns:1fr}.crm-app .crm-billing .crm-billing-title>.crm-client-state-shell{max-width:380px}}
@media(max-width:600px){.crm-app .crm-billing .crm-billing-title{padding:18px;gap:18px}.crm-app .crm-billing .crm-billing-client-tools{flex-direction:column;align-items:stretch}.crm-app .crm-billing .crm-billing-client-tools .wa-consent-client-access{width:100%}.crm-app .crm-billing .crm-billing-heading>span{overflow-wrap:anywhere}}
@media(max-width:600px){.crm-app .crm-billing .crm-billing-title .csc-service-state{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 12px}.crm-app .crm-billing .crm-billing-title .csc-service-state-copy{width:100%;min-width:0}.crm-app .crm-billing .crm-billing-title .csc-service-state-copy strong{font-size:25px;word-break:normal;overflow-wrap:normal}}
