/* /billing — current-plan card. Uses the theme .panel + tokens. */
.bill-current { padding: 22px 24px; margin: 0 0 18px; }
.bill-plan-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; flex-wrap: wrap;
}
.bill-label {
    font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
    color: var(--ink-3); margin-bottom: 6px;
}
.bill-plan-name { font: 700 26px/1 var(--sans); letter-spacing: -0.02em; color: var(--ink); }
.bill-plan-desc { margin-top: 8px; font-size: 13.5px; color: var(--ink-2); max-width: 52ch; line-height: 1.5; }
.bill-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

.bill-note-box {
    background: var(--surface-2, var(--bg-1));
    border: 1px solid var(--border-color);
    border-radius: var(--r-md, 12px);
    padding: 14px 16px; font-size: 13.5px; color: var(--ink-2);
}
.bill-note-box a { color: var(--accent); text-decoration: none; font-weight: 600; }
.bill-note-box a:hover { text-decoration: underline; }