/* Monthly packages retain Clearpath's existing visual language. Entitlement
   notes stay adjacent to the locked control rather than creating another panel. */
.subscription-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0; }
.subscription-plan { display:flex; flex-direction:column; padding:22px; background:#fff; border:1px solid #cfddda; border-radius:10px; }
.subscription-plan[data-tier="plus"] { border:2px solid var(--cp-green,#087d69); }
.subscription-plan ul { padding-left:20px; line-height:1.8; flex:1; }
.subscription-plan .excluded { color:#778286; }
.subscription-plan-actions { display:grid; gap:8px; grid-auto-rows:minmax(64px,auto); }
.subscription-price { font-size:30px; font-weight:700; margin:8px 0; }
.subscription-price small { font-size:14px; font-weight:400; }
.subscription-current { padding:18px; background:#fff; border:1px solid #cfddda; border-radius:10px; }
.subscription-current label { display:block; margin:12px 0; }
.subscription-simulation { background:#eef5f3; padding:12px; border-radius:8px; }
.tier-locked, .tier-locked:disabled { opacity:1!important; color:#697676!important; background:#edf0ef!important; border-color:#ccd4d1!important; box-shadow:none!important; cursor:not-allowed!important; }
.tier-lock-note { display:block; font-size:11px; line-height:1.4; color:#697676; margin:3px 0 6px; }
.tier-lock-note a { color:#087469; }
.tier-account-status { font-size:12px; color:#536767; }
@media(max-width:780px) { .subscription-plan-grid { grid-template-columns:1fr; } }