.sub.svelte-1utmegx{gap:var(--spacing-3);padding:var(--spacing-6);background:var(--color-surface-0);border:1px solid var(--color-border);border-radius:var(--radius-panel);flex-direction:column;display:flex}.sub[data-status=expired].svelte-1utmegx{border-color:var(--color-danger)}.sub__head.svelte-1utmegx{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.sub__plan.svelte-1utmegx{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.sub__badge.svelte-1utmegx{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-pill);background:var(--color-surface-700);color:#fff;font-family:var(--font-display);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sub__badge[data-plan=premium].svelte-1utmegx{background:var(--gradient-brand)}.sub__badge[data-plan=belselection].svelte-1utmegx{background:var(--color-bel-500);color:var(--color-bel-ink)}.sub__status.svelte-1utmegx{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-pill);border:1px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-text-strong);font-size:var(--text-micro);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sub__status[data-status=expiring].svelte-1utmegx{border-color:var(--color-warning);background:var(--color-warning-bg)}.sub__status[data-status=expired].svelte-1utmegx{border-color:var(--color-danger);background:var(--color-danger-bg)}.sub__status[data-status=cancelled].svelte-1utmegx,.sub__status[data-status=none].svelte-1utmegx{border-color:var(--color-border-strong);background:var(--color-surface-150)}.sub__lockup.svelte-1utmegx img:where(.svelte-1utmegx){width:120px;height:auto;display:block}.sub__dates.svelte-1utmegx{font-size:var(--text-h4);font-variant-numeric:tabular-nums;color:var(--color-text-strong)}.sub__days.svelte-1utmegx,.sub__body.svelte-1utmegx{color:var(--color-text-muted)}.sub__track.svelte-1utmegx{border-radius:var(--radius-full);background:var(--color-surface-250);height:8px;overflow:hidden}.sub__bar.svelte-1utmegx{background:var(--gradient-brand);height:100%;transition:width var(--duration-base) var(--ease-out)}.sub__meta.svelte-1utmegx{align-items:center;gap:var(--spacing-1);font-size:var(--text-micro);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.sub__cancelled.svelte-1utmegx{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-input);background:var(--color-danger-bg);color:var(--color-text-strong);font-size:var(--text-small)}.sub__actions.svelte-1utmegx{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.sub__help.svelte-1utmegx{font-size:var(--text-micro);color:var(--color-text-muted);flex:24ch}@media (prefers-reduced-motion:reduce){.sub__bar.svelte-1utmegx{transition:none}}
