.billing-settings{gap:14px;max-width:1320px}
.billing-hero{padding:2px 0}
.billing-hero h1{font-size:clamp(1.65rem,2.5vw,2.25rem)}
.billing-upgrade{min-width:150px;padding:11px 18px}
.billing-overview{gap:12px}
.billing-overview>.section-card{min-height:170px;padding:17px 19px}
.billing-overview>.billing-plan-card,.billing-overview>.billing-seat-card{display:flex;flex-direction:column}.billing-overview>.billing-plan-card .billing-plan-access,.billing-overview>.billing-seat-card .billing-plan-access{margin-top:auto;margin-bottom:0}
.billing-overview h2,.billing-settings h2{margin:5px 0 10px}
.billing-plan-card dl{gap:6px;margin-top:12px}
.billing-plan-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.billing-plan-title h2{margin-bottom:10px}.billing-plan-card .billing-history-link{margin-top:14px}
.billing-plan-access{display:grid;gap:3px;margin:4px 0 12px;padding:11px 13px;border:1px solid rgba(96,196,239,.32);border-radius:11px;background:rgba(14,116,144,.12)}.billing-plan-access span{color:var(--text-muted);font-size:.88rem}.billing-plan-access.complimentary{border-color:rgba(168,85,247,.42);background:rgba(88,28,135,.17)}.billing-plan-access.trial{border-color:rgba(34,197,94,.38);background:rgba(20,83,45,.18)}.billing-plan-card .billing-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}.billing-plan-card .billing-card-actions button{margin-top:0}
.seat-count strong{font-size:1.85rem}
.seat-progress{height:9px;margin:10px 0 7px}
.seat-remaining{margin-bottom:10px}
.agency-ai-billing-card,.billing-plan-picker,.billing-controls{padding:18px 20px}
.agency-ai-plans{gap:10px}
.agency-ai-plan{padding:15px}
.billing-cycle{margin:12px 0}
.billing-plans{grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}
.billing-plan{gap:7px;padding:15px}
.billing-history-card{min-height:0;padding:15px 20px}
.billing-history-card .billing-history,.billing-history-card>.empty-state{display:none}
.billing-history-card .billing-section-head h2{margin-bottom:0}
.billing-controls>div{gap:8px}
@media(max-width:1100px){.billing-plans{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:560px){.billing-plans{grid-template-columns:1fr}}
.billing-checkout-note{font-size:0}.billing-checkout-note::after{content:"AgentOS and AgencyAI are separate subscriptions and will be completed in two secure checkout steps.";font-size:.9rem}