/* Scoped subscription summary; billing and subscription rules are unchanged. */
.subscription.ops-plan-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:22px 24px;border:1px solid #283b5d;border-radius:20px;background:radial-gradient(ellipse at 88% 0,#435c8855,transparent 55%),linear-gradient(115deg,#12213c,#1b3259);color:#fff;box-shadow:inset 0 1px #ffffff24,0 4px 0 #d3dae2,0 12px 26px #15243e10;overflow:hidden}
.ops-plan-banner:before{content:'';position:absolute;z-index:-1;width:220px;height:220px;border:1px solid #ffffff0c;border-radius:50%;inset-inline-end:16%;top:-160px;box-shadow:0 0 0 32px #ffffff03,0 0 0 65px #ffffff03;pointer-events:none}
.ops-plan-identity,.ops-plan-actions,.ops-plan-title,.ops-plan-expiry{display:flex;align-items:center}.ops-plan-identity{gap:16px;min-width:0;flex:1}.ops-plan-icon{display:grid;place-items:center;width:54px;height:58px;flex:0 0 54px;border:1px solid #a8c9ea47;border-radius:17px;background:linear-gradient(145deg,#b8d3ef,#8aacce);color:#172a4b;box-shadow:inset 0 2px #ffffff9c,0 4px 0 #0b1930,0 8px 14px #08162e38}.ops-plan-icon svg{width:29px;height:29px}.ops-plan-name{min-width:0}.ops-plan-label{display:block;font-size:10px;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase;color:#bac8d6;font-weight:650;margin-bottom:5px}.ops-plan-title{gap:12px;flex-wrap:wrap}.ops-plan-title strong{font-size:23px;line-height:1.3;font-weight:760;letter-spacing:-.4px;overflow-wrap:anywhere}.ops-plan-status{display:inline-flex;gap:6px;align-items:center;border:1px solid #b5cbe238;border-radius:30px;background:#ffffff0d;padding:3px 9px;color:#b7d3ef;font-size:10px;font-weight:650;white-space:nowrap}.ops-plan-status i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #a3c1e018}.ops-plan-actions{gap:24px;flex-wrap:wrap;justify-content:flex-end}.ops-plan-expiry{gap:10px;border-inline-start:1px solid #ffffff24;padding-inline-start:24px}.ops-plan-expiry>svg{width:21px;height:21px;color:#b3c4d5;flex-shrink:0}.ops-plan-expiry span{display:block;font-size:10px;color:#bdcad7;line-height:1.4;margin-bottom:4px}.ops-plan-expiry time{display:block;font-size:13px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.subscription.ops-plan-banner a.ops-plan-manage{display:inline-flex;align-items:center;justify-content:center;gap:12px;float:none;margin:0;padding:12px 15px;min-height:44px;border:1px solid #c6daed9c;border-radius:12px;background:linear-gradient(145deg,#d8e6f5,#b8cfe7);color:#1b2c4a;font-size:12px;font-weight:750;white-space:normal;box-shadow:inset 0 1px #fff,0 3px 0 #0b1a35;transition:transform .15s,box-shadow .15s}.ops-plan-manage svg{width:18px;height:18px;flex-shrink:0}[dir=rtl] .ops-plan-manage svg{transform:rotate(180deg)}.ops-plan-manage:focus-visible{outline:3px solid #fff;outline-offset:4px}.ops-plan-name p{font-size:12px;line-height:1.6;color:#ffe2d2;margin:8px 0 0;max-width:480px}.subscription.ops-plan-banner.danger{background:radial-gradient(ellipse at 88% 0,#bc746144,transparent 55%),linear-gradient(115deg,#522b2a,#754037);border-color:#8d5b4e}.ops-plan-banner.danger .ops-plan-status{color:#ffe0ba}.ops-plan-banner.danger .ops-plan-icon{background:linear-gradient(145deg,#ffe5c4,#efba98);color:#723a31}.ops-plan-banner.danger .ops-plan-manage{background:linear-gradient(145deg,#ffedda,#f6d0b4);color:#663b2f}
@media(max-width:1100px){.subscription.ops-plan-banner{gap:18px;padding:20px}.ops-plan-actions{gap:16px}.ops-plan-expiry{padding-inline-start:16px}.ops-plan-title strong{font-size:21px}}
@media(max-width:850px){.subscription.ops-plan-banner{align-items:stretch;flex-direction:column;gap:18px}.ops-plan-actions{justify-content:space-between;border-top:1px solid #ffffff1c;padding-top:16px;gap:14px}.ops-plan-expiry{border:0;padding:0}.ops-plan-manage{max-width:60%}}
@media(max-width:380px){.subscription.ops-plan-banner{padding:17px}.ops-plan-identity{gap:12px}.ops-plan-icon{width:46px;height:50px;flex-basis:46px}.ops-plan-actions{align-items:stretch;flex-direction:column}.subscription.ops-plan-banner a.ops-plan-manage{max-width:none;width:100%}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.subscription.ops-plan-banner a.ops-plan-manage:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 5px 0 #0b1a35}}
@media(prefers-reduced-motion:reduce){.ops-plan-manage{transition:none!important}}
@media print{.subscription.ops-plan-banner{display:none!important}}