.member-subscriptions .subscription-content{display:grid;gap:16px;min-width:0}
.member-subscriptions .subscription-content>p{margin:0;font-size:12px;line-height:1.6}
.subscription-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.subscription-summary>div{display:flex;flex-direction:column;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--surface)}
.subscription-summary span{color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.subscription-summary strong{font-size:26px;font-weight:550;color:var(--ink)}
.subscription-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.subscription-toolbar>.member-field{flex:1 1 180px}
.subscription-toolbar input{width:100%;min-width:0}
.subscription-toolbar>.ui-select{width:210px;max-width:100%}
.subscription-rows .membership-person{min-width:0;overflow-wrap:anywhere}
.subscription-rows .tag[data-subscription-state=active]{color:var(--green)}
.subscription-rows .tag[data-subscription-state=trial],.subscription-rows .tag[data-subscription-state=scheduled]{color:#69b1ff}
.subscription-rows .tag[data-subscription-state=expired],.subscription-rows .tag[data-subscription-state=unpaid]{color:var(--red)}
.subscription-rows .tag[data-subscription-state=expiring]{color:#e4bc68}
.subscription-footer{padding:16px 20px;border-top:1px solid var(--line)}
.subscription-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.subscription-dialog .ui-select{width:100%;min-width:0}
.subscription-dialog .ui-select-trigger{width:100%}
.subscription-dialog textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;resize:vertical;max-width:100%;box-sizing:border-box}
.subscription-dialog small{color:var(--muted);line-height:1.6}
@media(max-width:800px){.subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-footer{padding:16px}}
@media(max-width:479px){.subscription-form-grid{grid-template-columns:1fr}.subscription-toolbar>.ui-select{flex:1 1 170px;width:100%}.subscription-rows>li>button{width:100%}}