.billing-banner{border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface-elevated,var(--surface-base));align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.billing-banner__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.billing-banner__copy{flex:1;min-width:0}.billing-banner__title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.billing-banner__body{color:var(--text-secondary);margin:.125rem 0 0;font-size:.8125rem;line-height:1.4}.billing-banner__cta{border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);cursor:pointer;flex-shrink:0;align-self:center;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:background .12s,border-color .12s}.billing-banner__cta:hover:not(:disabled){background:var(--surface-elevated,var(--surface-base));border-color:var(--border-strong,var(--border-subtle))}.billing-banner__cta:disabled{opacity:.6;cursor:progress}.billing-banner--danger{border-color:var(--color-danger-border,#fca5a5);background:var(--color-danger-bg,#fef2f2)}.billing-banner--danger .billing-banner__icon{color:var(--color-danger,#dc2626)}.billing-banner--warning{border-color:var(--color-warning-border,#fcd34d);background:var(--color-warning-bg,#fffbeb)}.billing-banner--warning .billing-banner__icon{color:var(--color-warning,#d97706)}.billing-banner--info{border-color:var(--border-subtle);background:var(--surface-elevated,var(--surface-base))}.billing-banner--info .billing-banner__icon{color:var(--accent-primary)}@media (max-width:640px){.billing-banner{flex-wrap:wrap}.billing-banner__cta{width:100%;margin-top:.5rem}}