.rory-account-badge{display:inline-flex;vertical-align:middle;flex:0 0 18px;width:18px;height:18px;margin-inline-start:4px;cursor:help;outline-offset:3px;color:#8994a6}
.rory-account-badge[hidden]{display:none}.rory-account-badge svg{width:100%;height:100%;display:block}
.rory-account-badge[data-badge-kind=plus]{color:#249df3}
.rory-account-badge[data-badge-kind=staff],.rory-account-badge[data-badge-kind=partner]{position:relative}
.rory-account-badge[data-badge-kind=staff]{color:#6534a3}
.rory-account-badge[data-badge-kind=staff]::before{background-image:linear-gradient(110deg,#301452 15%,#8052b2 43%,#c5a5e8 50%,#492074 60%)}
.rory-account-badge[data-badge-kind=partner]{color:#d6a526}
.rory-account-badge[data-badge-kind=partner]::before{background-image:linear-gradient(110deg,#916318 15%,#d5a62c 43%,#fff2b0 50%,#bc871b 60%)}
.rory-account-badge:is([data-badge-kind=staff],[data-badge-kind=partner])::before{content:"";position:absolute;inset:0;background-size:250% 100%;animation:rory-badge-sheen 6s ease-in-out infinite;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.25%2012c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33%202.19c-1.4-.46-2.91-.2-3.92.81s-1.26%202.52-.8%203.91c-1.31.67-2.2%201.91-2.2%203.34s.89%202.67%202.2%203.34c-.46%201.39-.21%202.9.8%203.91s2.52%201.26%203.91.81c.67%201.31%201.91%202.19%203.34%202.19s2.68-.88%203.34-2.19c1.39.45%202.9.2%203.91-.81s1.27-2.52.81-3.91c1.31-.67%202.19-1.91%202.19-3.34z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.25%2012c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33%202.19c-1.4-.46-2.91-.2-3.92.81s-1.26%202.52-.8%203.91c-1.31.67-2.2%201.91-2.2%203.34s.89%202.67%202.2%203.34c-.46%201.39-.21%202.9.8%203.91s2.52%201.26%203.91.81c.67%201.31%201.91%202.19%203.34%202.19s2.68-.88%203.34-2.19c1.39.45%202.9.2%203.91-.81s1.27-2.52.81-3.91c1.31-.67%202.19-1.91%202.19-3.34z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none}
.rory-account-badge svg{position:relative}
.rory-account-badge:is([data-badge-kind=staff],[data-badge-kind=partner]) svg path:first-child{fill:transparent}
.rory-badge-tooltip{position:fixed;z-index:100000;max-width:min(260px,calc(100vw - 16px));padding:12px 14px;background:#171c2b;color:#f3f5fa;border:1px solid #46516c;border-radius:12px;box-shadow:0 8px 30px #0005;font:13px/1.5 system-ui;text-align:left;pointer-events:none}
.rory-badge-tooltip strong,.rory-badge-tooltip span{display:block}.rory-badge-tooltip span{color:#c8cfdd;margin-top:3px}
@keyframes rory-badge-sheen{0%,70%,100%{background-position:0 0}40%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.rory-account-badge,.rory-account-badge::before{animation:none!important}}

.account-recognition:has(.rory-account-badge:not([hidden])) .fan-coin-badge{display:none}

/* Name rows own spacing; badge margins must not add a second gap. */
:is(.name-line,.chat-thread-name,.chat-target-title,.social-post-name,.sidebar-name,.profile-title,.post-name,.message-person strong,.supporter-creator-pill strong):has(>[data-account-badge],>[data-badge-kind]){
 column-gap:4px;
 justify-content:flex-start;
 min-width:0;
}
:is(.name-line,.chat-thread-name,.chat-target-title,.social-post-name,.sidebar-name,.profile-title,.post-name,.message-person strong,.supporter-creator-pill strong)>:is([data-account-badge],[data-badge-kind]){
 margin-inline:0;
 flex-grow:0;
 flex-shrink:0;
}
:is(.name-line,.chat-thread-name,.chat-target-title,.social-post-name,.sidebar-name,.profile-title) > :is(.name-text,.chat-thread-label,.chat-target-name,.social-creator-link,.person-name,.profile-name){
 flex:0 1 auto;
 min-width:0;
}

/* Profile badges follow the heading size, including the editor and dashboard. */
:is(.profile-id,.hub-card) h1.name-line>.rory-account-badge{width:.92em;height:.92em;flex-basis:.92em;align-self:center}