.account-subscription{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:24px;margin:18px 0 20px;padding:26px;border:1px solid #d9e6e1;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f2faf7 100%);box-shadow:var(--shadow-soft)}
.account-subscription:after{position:absolute;left:-80px;bottom:-110px;width:250px;height:250px;border:42px solid rgba(11,125,105,.055);border-radius:50%;content:"";pointer-events:none}
.subscription-overview{position:relative;z-index:1;display:grid;gap:20px}.subscription-overview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.subscription-overview h2{margin:4px 0 5px;font-size:1.45rem}.subscription-overview p{margin:0;color:var(--muted);font-size:.86rem}.live-subscription-badge{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 11px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.live-subscription-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.72}.live-subscription-badge--active{color:#08704f;background:#e3f6ed}.live-subscription-badge--expiring{color:#946400;background:#fff3cf}.live-subscription-badge--pending{color:#7a650e;background:#fff8d8}.live-subscription-badge--expired,.live-subscription-badge--cancelled{color:#97463f;background:#faeae8}.live-subscription-badge--suspended{color:#76552f;background:#f3ece3}
.subscription-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subscription-fact{padding:13px 14px;border:1px solid rgba(16,76,66,.09);border-radius:12px;background:rgba(255,255,255,.82)}.subscription-fact span{display:block;color:var(--muted);font-size:.68rem}.subscription-fact strong{display:block;margin-top:4px;font-size:.92rem;overflow-wrap:anywhere}.subscription-progress{display:grid;gap:8px}.subscription-progress__labels{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.subscription-progress__labels span{color:var(--muted)}.subscription-progress__bar{height:8px;overflow:hidden;border-radius:999px;background:#dceae5}.subscription-progress__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#27a58d)}
.renewal-panel{position:relative;z-index:1;padding:18px;border:1px solid rgba(16,76,66,.1);border-radius:14px;background:#fff}.renewal-panel h3{margin:3px 0 6px;font-size:1.05rem}.renewal-panel>p{margin:0 0 14px;color:var(--muted);font-size:.78rem}.renewal-panel .form-stack{gap:11px}.renewal-panel label{font-size:.76rem}.renewal-panel select,.renewal-panel textarea{padding:9px 11px;font-size:.82rem}.renewal-panel textarea{min-height:72px}.renewal-panel .button{justify-self:start;min-height:36px;padding:7px 13px;font-size:.76rem}.renewal-pending{display:grid;gap:8px;padding:13px;border-radius:11px;color:#755500;background:#fff7d9}.renewal-pending strong{font-size:.84rem}.renewal-pending span{font-size:.74rem;line-height:1.7}
.topbar .live-subscription-badge{margin-right:auto}
@media(max-width:850px){.account-subscription{grid-template-columns:1fr}.subscription-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.account-subscription{gap:16px;padding:18px 15px;border-radius:14px}.subscription-overview__head{display:grid;gap:10px}.subscription-overview__head .live-subscription-badge{width:max-content}.subscription-facts{grid-template-columns:1fr}.renewal-panel{padding:15px}.topbar .live-subscription-badge{margin-right:auto;max-width:145px;overflow:hidden;text-overflow:ellipsis}}

.renewal-admin-note{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:5px 9px;margin:0 0 10px;padding:9px 11px;border:1px solid #f0d790;border-radius:10px;color:#765500;background:#fff9e5}.renewal-admin-note strong{font-size:.75rem}.renewal-admin-note span{padding:2px 7px;border-radius:999px;background:#fff0b8;font-size:.67rem;font-weight:800}.renewal-admin-note small{grid-column:1/-1;color:#7d6a32;font-size:.68rem}