.billing-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}.billing-summary article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px}.billing-summary span,.billing-summary small{display:block;color:var(--muted)}.billing-summary strong{display:block;font-size:26px;margin:5px 0}.billing-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.5fr);gap:14px}.billing-account-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;text-align:left;background:transparent;color:var(--text);border:0;border-top:1px solid var(--line);padding:14px 18px}.billing-account-row.selected{background:var(--surface2)}.billing-account-main b,.billing-account-main small{display:block}.billing-account-main small{color:var(--muted);margin-top:3px}.billing-detail{padding:20px}.billing-detail-head{align-items:center}.billing-account-total{font-size:25px}.billing-ledger,.billing-history{margin-top:22px}.billing-ledger h4,.billing-history h4{margin:4px 0 12px}.billing-ledger-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px 16px;padding:14px 0;border-top:1px solid var(--line);align-items:center}.billing-ledger-main b,.billing-ledger-main small,.billing-money strong,.billing-money small{display:block}.billing-ledger-main small,.billing-money small,.billing-history-row small{color:var(--muted);margin-top:3px}.billing-money{text-align:right}.billing-money strong{font-size:18px}.billing-item-actions{grid-column:1/-1;display:flex;gap:7px;justify-content:flex-end}.billing-reason-text{font-style:italic}.billing-history-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.billing-history-row b,.billing-history-row small{display:block}.billing-history-row code{font-size:11px;color:var(--muted)}.billing-overlay{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.64);display:flex;align-items:flex-end;justify-content:center;padding:18px}.billing-sheet{width:min(620px,100%);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(0,0,0,.3)}.billing-sheet-head{display:flex;justify-content:space-between;gap:16px}.billing-sheet-head h3{font-size:27px;margin:5px 0}.billing-sheet-head p{color:var(--muted);line-height:1.5}.billing-gift-summary{border:1px solid var(--line);border-radius:15px;padding:12px 14px;margin:14px 0}.billing-gift-summary b,.billing-gift-summary small{display:block}.billing-gift-summary small{color:var(--muted);margin-top:4px}.billing-reason span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.billing-reason textarea{width:100%;resize:vertical;min-height:110px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit}.billing-sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.billing-reason textarea:focus-visible,.billing-account-row:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:900px){.billing-summary{grid-template-columns:repeat(2,1fr)}.billing-layout{grid-template-columns:1fr}.billing-detail{padding:16px}}@media(max-width:650px){.billing-summary{grid-template-columns:repeat(2,1fr);gap:8px}.billing-summary article{padding:11px}.billing-summary strong{font-size:22px}.billing-ledger-row{grid-template-columns:1fr auto}.billing-item-actions{justify-content:flex-start}.billing-overlay{padding:0}.billing-sheet{border-radius:26px 26px 0 0;border-left:0;border-right:0;border-bottom:0}.billing-sheet-actions{display:grid;grid-template-columns:1fr}.billing-sheet-actions .primary-btn{order:-1;min-height:50px}.billing-sheet-actions .secondary-btn{min-height:46px}}
