.subscription-billing { min-width: 0; padding: 1rem 0; overflow-wrap: anywhere; }
.subscription-billing h4 { font-size: 1.15rem; margin: 0 0 .7rem; }
.subscription-billing h5 { font-size: 1rem; margin: 1.5rem 0 .7rem; }
.subscription-billing .small-note { color: #66645f; line-height: 1.55; }
.subscription-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: .75rem; margin: 1rem 0; }
.subscription-metrics > div { padding: .8rem; border: 1px solid #dedbd3; border-radius: .5rem; background: #f7f6f2; }
.subscription-metrics dt { color: #66645f; font-size: .82rem; }
.subscription-metrics dd { margin: .3rem 0 0; font-size: 1rem; font-weight: 600; }
.subscription-notice { padding: .8rem; border-left: 3px solid #2b62d4; background: #eef3ff; line-height: 1.5; }
.subscription-table-scroll { max-width: 100%; overflow-x: auto; margin: 1rem 0; }
.subscription-billing table { width: 100%; min-width: 580px; border-collapse: collapse; font-size: .85rem; text-align: left; }
.subscription-billing th, .subscription-billing td { padding: .7rem; border-bottom: 1px solid #dedbd3; vertical-align: top; }
.subscription-billing th { color: #66645f; font-weight: 600; }
.subscription-billing .account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.subscription-billing button { min-height: 40px; }
.subscription-plan { border: 1px solid #dedbd3; border-radius: .5rem; padding: .75rem; flex: 1 1 220px; }
@media (max-width: 600px) { .subscription-metrics { grid-template-columns: 1fr; } .subscription-billing .account-actions { align-items: stretch; } }

.owner-accounts-section.subscription-billing { padding: 1.25rem; }