#subscriptions .subscription-purchase-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.2fr) minmax(150px,.65fr) auto;gap:14px;align-items:end}
#subscriptions label{margin:0}#subscriptions .subscription-price-preview{min-height:48px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;flex-direction:column;justify-content:center}#subscriptions .subscription-price-preview small,#subscriptions .subscription-price-preview span{font-size:11px;color:var(--muted)}#subscriptions .subscription-price-preview strong{font-size:20px;color:var(--accent)}
#subscriptions .subscription-plan-list{display:grid;gap:10px;margin-top:16px}.subscription-plan-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.subscription-plan-row>div{display:flex;flex-direction:column;gap:4px}.subscription-plan-row small{color:var(--muted)}.reseller-rate-row{grid-template-columns:minmax(220px,1fr) minmax(240px,.8fr) auto}.subscription-actions{display:flex;gap:10px;margin-top:14px}.subscription-active{color:#08765d}.subscription-expired{color:#b42318}.subscription-description{grid-column:span 1}
@media(max-width:1100px){#subscriptions .subscription-purchase-row{grid-template-columns:1fr 1fr}.reseller-rate-row{grid-template-columns:1fr 1fr}.reseller-rate-row button{grid-column:2}}
@media(max-width:760px){#subscriptions .subscription-purchase-row,#subscriptions .subscription-admin-grid,.reseller-rate-row{grid-template-columns:1fr}.reseller-rate-row button{grid-column:auto}.subscription-plan-row{grid-template-columns:1fr}.subscription-actions{flex-direction:column}#subscriptions button{width:100%}}