/* ---------- Plan (modules/plan.js) ---------- */
.pm-note { padding: 12px 14px; border-radius: var(--r-md); background: var(--surface-3); color: var(--text2); font-size: 13.5px; margin-bottom: 18px; text-wrap: pretty; }
.pm-note.warn { background: var(--red-soft); color: var(--text); }
.pm-note a { color: inherit; text-decoration: underline; }
.pm-active-addons { margin-top: 16px; font-size: 13px; color: var(--text2); }
.pm-for { font-size: 12.5px; color: var(--text3); margin-top: 4px; min-height: 34px; text-wrap: pretty; }
.pm-rec { font-size: 11.5px; font-weight: 500; padding: 1px 8px; border-radius: 999px; background: var(--surface-3); color: var(--text2); margin-left: 6px; vertical-align: 2px; }
.plan-card-list li.pm-soon { color: var(--text3); }
.plan-card-list li.pm-soon span { font-size: 11.5px; }
.pm-toggle { margin: 12px 0 0; }
#planMatrix { margin-top: 12px; }
.pm-table td, .pm-table th { font-size: 13.5px; }
.pm-table tr.pm-group td { background: var(--surface-2); font-weight: 600; font-size: 12.5px; color: var(--text2); }
.pm-yes { color: var(--green); font-weight: 600; }
.pm-no { color: var(--text3); }
.pm-addon { font-size: 12.5px; color: var(--text2); font-variant-numeric: tabular-nums; }
.pm-soon-cell { font-size: 11.5px; color: var(--text3); }
.pm-foot { font-size: 12.5px; color: var(--text3); margin: 14px 0 0; max-width: 70ch; }
.pm-banner { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; margin: -8px 0 18px; border-radius: var(--r-md); background: var(--surface-3); font-size: 13.5px; color: var(--text2); }
.pm-banner.warn { background: var(--red-soft); color: var(--text); }