/* お支払い画面（担当 E）。状態は色＋文字で伝える */
.billing-state-label { font-size: 1.3rem; font-weight: bold; margin: 0 0 8px; }
.billing-state-trialing .billing-state-label,
.billing-state-active .billing-state-label { color: var(--c-green, #2e7d32); }
.billing-warn { color: var(--c-yellow, #8a6100); }
.billing-stop { color: var(--c-red, #b3261e); }
.billing-lines td:last-child, .billing-lines th:last-child { text-align: right; white-space: nowrap; }
.billing-lines tfoot th, .billing-lines tfoot td { border-top: 2px solid var(--c-border, #cfd8e3); font-size: 1.1rem; }
.billing-card-notice { font-size: 1.15rem; font-weight: bold; line-height: 1.6; color: var(--c-red, #b3261e); background: var(--c-red-soft, #fbe9e7); border: 2px solid var(--c-red, #b3261e); border-radius: 8px; padding: 12px 14px; margin: 0 0 14px; }
/* カードの利用明細の表記（2026-11-11） */
.billing-statement { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #d5dde8; border-radius: 8px; background: #f6f9fc; }
.billing-statement p { margin: 0; }
.billing-statement p + p { margin-top: 4px; }
.billing-statement .muted { font-size: .9rem; }