/* Recodet V85: clear, touch-friendly Stripe subscription picker. */
#viewSubscription .stripeSubscriptionCard{max-width:650px}
#viewSubscription .stripePlanGrid{gap:12px}
#viewSubscription .stripePlanCard{position:relative;display:grid;align-content:start;gap:7px;min-height:218px;padding:16px;text-align:left;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
#viewSubscription .stripePlanCard:active{transform:scale(.985)}
#viewSubscription .stripePlanCard.active{border-color:#d4af37;background:linear-gradient(155deg,#fffdf6,#fff8df);box-shadow:0 0 0 3px rgba(212,175,55,.17),0 12px 28px rgba(19,15,6,.1)}
#viewSubscription .stripePlanCard.isCurrent::after{content:'CURRENT';position:absolute;right:10px;bottom:10px;border-radius:999px;padding:4px 7px;background:#17130b;color:#f6d96f;font-size:8px;font-weight:900;letter-spacing:.08em}
#viewSubscription .stripePlanPicture{min-height:42px;display:flex;align-items:center;font-size:30px;line-height:1;filter:saturate(.86)}
#viewSubscription .stripePlanAccess{font-size:15px;letter-spacing:.035em;color:#17130b}
#viewSubscription .stripePlanChoice,#viewSubscription .stripePlanPrice{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:26px;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:850;line-height:1.25}
#viewSubscription .stripePlanChoice{background:#edf9f0;color:#18723a}
#viewSubscription .stripePlanPrice{background:#f3efe4;color:#705b20}
#viewSubscription .stripeSubscriptionStatus{min-height:42px;margin:13px 0 9px;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#f8f7f3;color:#635e52;font-size:11px;font-weight:650;line-height:1.45;text-align:center}
#viewSubscription .stripeSubscriptionStatus.success{border-color:rgba(22,128,67,.2);background:#effaf2;color:#176b38}
#viewSubscription .stripeSubscriptionStatus.error{border-color:rgba(180,35,24,.2);background:#fff2f0;color:#a5261d}
#viewSubscription .stripeSubscriptionStatus.pending{border-color:rgba(165,122,5,.24);background:#fff9e7;color:#73570c}
#viewSubscription .stripeSubscriptionPrimary[disabled],#viewSubscription .stripeSubscriptionManage[disabled]{opacity:.58;cursor:wait}
#viewSubscription .stripeSubscriptionManage{width:100%;min-height:46px;margin-top:8px;border:1px solid rgba(212,175,55,.45);border-radius:13px;background:#fff;color:#4d3b0c;font:inherit;font-size:12px;font-weight:850}
#viewSubscription .stripeSubscriptionTrust{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 4px 0;color:#817969;font-size:9px;line-height:1.35;text-align:center}
@media(max-width:430px){
  #viewSubscription .stripeSubscriptionCard{padding:14px}
  #viewSubscription .stripePlanGrid{grid-template-columns:1fr!important;gap:9px}
  #viewSubscription .stripePlanCard{grid-template-columns:52px 1fr;grid-template-rows:auto auto auto;column-gap:12px;min-height:132px;padding:13px 14px}
  #viewSubscription .stripePlanPicture{grid-column:1;grid-row:1/4;align-self:center;justify-content:center;min-height:48px;font-size:25px}
  #viewSubscription .stripePlanCard .startupPlanTop{grid-column:2;grid-row:1}
  #viewSubscription .stripePlanAccess{grid-column:2;grid-row:2}
  #viewSubscription .stripePlanCard .s{grid-column:2;grid-row:3;padding-right:2px}
  #viewSubscription .stripePlanChoice,#viewSubscription .stripePlanPrice{grid-column:2;grid-row:4;margin-top:1px}
  #viewSubscription .stripePlanCard.isCurrent::after{right:9px;bottom:9px}
  #viewSubscription .stripeSubscriptionStatus{margin-top:10px}
}