@scope([data-view=settings-subscriptions-page])to ([data-view]){.subscriptions-page{padding:var(--leading) var(--edge) calc(2 * var(--leading));max-width:1000px;margin:0 auto}.page-header h1{margin:0 0 var(--space-2) 0}.subtitle{color:var(--text-muted);margin:0;max-width:var(--measure)}.header-actions{display:flex;justify-content:flex-end;margin-bottom:var(--leading)}.error-message{background:var(--color-error-muted);border-left:2px solid var(--color-error);padding:var(--space-3) var(--half);margin-bottom:var(--leading);color:var(--color-error)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--half);min-height:300px;color:var(--text-muted)}.empty-state{text-align:center;padding:calc(2 * var(--leading))}.subscriptions-list{display:flex;flex-direction:column;gap:var(--half)}.subscription-item{gap:var(--half)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.brand-info{flex:1}.brand-name{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text)}.brand-website{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--text-muted)}.status-badge,.status-pill{display:inline-block;padding:.15rem .45rem;border:0;border-radius:0;font-size:.6875rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;background:var(--border-muted);color:var(--text-muted);white-space:nowrap}.status-badge.status-active,.status-pill.active{background:var(--color-success-muted);color:var(--color-success)}.status-badge.status-paused,.status-pill.paused{background:var(--color-warning-muted);color:var(--color-warning)}.item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--half);padding:var(--half) 0;border-top:1px solid var(--border)}.detail{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.detail .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.detail .value{font-size:var(--text-base);color:var(--text);font-feature-settings:"tnum" 1}.item-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn--sm{width:auto}@media(max-width:768px){.item-header{flex-direction:column}.item-details{grid-template-columns:1fr}.item-actions{justify-content:stretch}.btn--sm{width:100%}}}