/* Plan system components of Plex.Web.UI (PlanGate, FeatureLocked, PlanLock, LockIcon). Colours come from the app's own variables when it has them. */
.plex-lock { vertical-align: -2px; margin-left: 4px; flex: none; }
.plex-locked { max-width: 640px; margin: 32px auto; padding: 24px 28px; background: var(--ap-surface, #fff); border: 1px solid var(--ap-border, #d9dcde); border-radius: var(--radius, 12px); }
.plex-locked h2 { margin: 0 0 12px; font-size: 20px; display: flex; align-items: center; gap: 8px; }
.plex-locked h2 .plex-lock { margin: 0; color: var(--ap-amber-dark, #c98200); width: 20px; height: 20px; }
.plex-locked p { margin: 0 0 10px; }
.plex-locked-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.plex-btn { display: inline-block; padding: 8px 16px; border-radius: 8px; background: var(--ap-amber, #f5a800); color: var(--ap-on-amber, #1c1c1c); text-decoration: none; font-weight: 600; }
.plex-btn.plain { background: none; color: var(--ap-slate, #2f383b); border: 1px solid var(--ap-border, #d9dcde); }