/* Monthly / Yearly switch above the plan cards (T50, lib/agent_view.php render_plan_cycle_switch) */
.p-cycle-switch { display: inline-flex; gap: 4px; padding: 4px; margin: 4px 0 14px; border: 1px solid var(--line, #dde3ea); border-radius: 999px; background: var(--card, #fff); max-width: 100%; flex-wrap: wrap; }
.p-cycle { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 16px; border-radius: 999px; font-weight: 600; text-decoration: none; color: var(--ink-2, #475467); }
.p-cycle:hover { color: var(--ink, #101828); }
.p-cycle.on { background: var(--cta, #147a4b); color: #fff; }
.p-cycle-save { font-size: .78rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #dcfae6; color: #067647; }
.p-cycle.on .p-cycle-save { background: rgba(255, 255, 255, .22); color: #fff; }
.p-plan-year { margin: 0 0 6px; font-size: .86rem; color: var(--ink-2, #475467); }
.p-plan-year strong { color: #067647; }