/* Shared service identity. Reuse the lockup and label for future Zamar services. */
.service-lockup{--service-logo-width:112px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;vertical-align:middle;color:inherit;line-height:1;white-space:nowrap}
.service-lockup>img.service-wordmark{display:block;width:var(--service-logo-width);height:auto;max-width:none;flex:none;object-fit:contain;margin:0}
.service-lockup>span.service-label{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:22px;padding:2px 7px;border:.75px solid color-mix(in srgb,currentColor 65%,transparent);border-radius:4px;background:transparent;color:inherit;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:600;letter-spacing:-.3px;line-height:1.05;margin:0;box-sizing:border-box}
.brand.service-lockup{justify-content:flex-start;gap:5px;color:#f5f5f7;--service-logo-width:100px}
.sidebar .brand.service-lockup{--service-logo-width:90px;gap:5px}.sidebar .brand.service-lockup>span.service-label{font-size:13px;min-height:19px;padding:2px 6px;border-radius:3px}
.plan-brand.service-lockup{justify-content:flex-start;color:var(--ink);gap:6px;--service-logo-width:112px}.plan-brand.service-lockup>span.service-label{font-size:16px;min-height:23px}
.upgrade-brand.service-lockup{--service-logo-width:140px;color:#f5f5f7;gap:7px}.upgrade-brand.service-lockup>span.service-label{font-size:20px;min-height:28px;padding:2px 8px;border-radius:5px}
.playback-upgrade>.service-lockup{--service-logo-width:125px;color:#f5f5f7;margin:0 auto 20px;display:flex;width:fit-content}.playback-upgrade>.service-lockup>span.service-label{font-size:18px;min-height:25px}
@media(max-width:760px){.signin-shell header .brand.service-lockup{--service-logo-width:85px;gap:5px}.signin-shell header .brand.service-lockup>span.service-label{font-size:12px;min-height:18px;padding:2px 5px;border-radius:3px}}

/* One badge treatment across Pro, Artists and future service identities. */
.service-lockup>span.service-label{color:#8b9dff}
.plan-brand.service-lockup>span.service-label{color:var(--primary,#8b9dff)}
.brand.service-lockup{--service-logo-width:112px;gap:6px}
.sidebar .brand.service-lockup{--service-logo-width:112px;gap:6px}
.brand.service-lockup>span.service-label,.sidebar .brand.service-lockup>span.service-label{font-size:16px;min-height:23px;padding:2px 7px;border-radius:4px}
@media(max-width:760px){.signin-shell header .brand.service-lockup{--service-logo-width:112px;gap:6px}.signin-shell header .brand.service-lockup>span.service-label{font-size:16px;min-height:23px;padding:2px 7px;border-radius:4px}}