#mp-billing { margin: 14px 0 20px; padding-bottom: 16px; border-bottom: 1px solid var(--brd, #334155); }
.mp-billing-help { margin: 0 0 12px; max-width: 65ch; color: var(--mu, #8ea4c4); font-size: 13px; line-height: 1.65; }
.mp-billing-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mp-billing-button { box-sizing: border-box; min-height: 44px; max-width: 100%; padding: 11px 16px; border: 1px solid var(--bl, #1652f0); border-radius: 10px; background: var(--bl, #1652f0); color: #fff; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.4; text-align: center; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.mp-billing-button:disabled { opacity: .6; cursor: wait; }
.mp-billing-button:focus-visible { outline: 3px solid var(--tx, #e8f0ff); outline-offset: 3px; }
.mp-billing-status { margin: 10px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.mp-billing-status:empty { display: none; }
.mp-billing-status[data-state="error"] { color: var(--tx, #e8f0ff); border-left: 3px solid var(--or, #f97316); padding-left: 10px; }
.mp-billing-status:focus { outline: 2px solid currentColor; outline-offset: 3px; }
.mp-billing-login { margin-top: 10px; background: transparent; color: var(--tx, #e8f0ff); border-color: var(--brd2, #64748b); }
.mp-billing-login[hidden] { display: none; }
#grace-bnr.mp-billing-grace { box-sizing: border-box; flex-wrap: wrap; gap: 8px 12px !important; }
#grace-bnr.mp-billing-grace .mp-billing-button { color: #fff; background: rgba(0,0,0,.2); border-color: rgba(255,255,255,.5); }
#grace-bnr.mp-billing-grace .mp-billing-status { flex-basis: 100%; margin: 0; color: #fff; }
#grace-bnr.mp-billing-grace .mp-billing-status:empty { display: none; }
#grace-bnr.mp-billing-grace .mp-billing-status[data-state="error"] { background: rgba(0,0,0,.25); padding: 5px 10px; border-radius: 3px; }
@media (max-width: 420px) { .mp-billing-actions { flex-direction: column; } .mp-billing-actions .mp-billing-button { width: 100%; } }