.live-billing { width: 100%; height: 100%; overflow: auto; padding: 48px clamp(24px, 5vw, 128px) 32px; color: #414758; font-size: 14px; }
.live-billing h2, .live-billing h3 { font-weight: 600; }
.live-billing h2 { font-size: 16px; margin-bottom: 6px; }
.live-billing h3 { font-size: 14px; margin-bottom: 8px; }
.live-billing p { line-height: 1.6; }
.live-billing-muted { color: #7b8296; }
.live-billing-badge { display: inline-block; margin-top: 20px; padding: 4px 10px; background: #fff4d8; color: #785a18; border-radius: 6px; }
.live-billing-current { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding: 28px 0; margin-bottom: 24px; border-bottom: 1px solid #edf0f4; }
.live-billing-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-top: 16px; }
.live-billing-card { border: 1px solid #e7eaf0; border-radius: 12px; padding: 24px; }
.live-billing-selected { border-color: #496fff; }
.live-billing-price { font-size: 28px; font-weight: 600; }
.live-billing .base-btn { padding: 9px 14px; border: 1px solid #e7eaf0; border-radius: 6px; font-size: 13px; }
.live-billing-card .base-btn { margin-top: 24px; width: 100%; }
.live-billing .live-billing-primary { background: #496fff; border-color: #496fff; color: white; }
.live-billing button:disabled { opacity: .5; cursor: default; }
.live-billing button:focus-visible { outline: 2px solid #496fff; outline-offset: 3px; }
.live-billing-note { margin-top: 24px; }
.live-billing-error { color: #ac3636; margin-top: 20px; }