/* Muppet Madness Community 2.4.0 — role badges, friends, guestbook, inbox.
 * Use the lightweight theme variables so alternative color modes can override them.
 */
.mm-site-wrap .mmf-role-badge,
.mm-site-wrap .mmf-site-role-badge,
.mm-site-wrap .mm-social-role-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center;gap:5px;
  vertical-align:middle;flex:0 0 auto;max-width:100%;min-height:23px;padding:3px 9px!important;
  border:1px solid color-mix(in srgb,var(--role-color,var(--mmr-role-color,var(--mmr-badge-color,var(--mmf-fallback-role-color,var(--mm-accent,#86f06b))))) 52%,transparent)!important;
  border-radius:999px!important;background:color-mix(in srgb,var(--role-color,var(--mmr-role-color,var(--mmr-badge-color,var(--mmf-fallback-role-color,var(--mm-accent,#86f06b))))) 13%,var(--mm-card,#10201e))!important;
  color:var(--role-color,var(--mmr-role-color,var(--mmr-badge-color,var(--mmf-fallback-role-color,var(--mm-accent,#86f06b)))))!important;font:850 10px/1.35 var(--mm-font,system-ui,sans-serif)!important;
  letter-spacing:.03em!important;text-transform:uppercase;text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045);white-space:nowrap;
}
.mm-site-wrap .mmf-role-badge[style],.mm-site-wrap .mmf-site-role-badge[style]{
  border-color:color-mix(in srgb,var(--role-color,var(--mmf-fallback-role-color,var(--mm-accent))) 48%,transparent)!important;
  color:var(--role-color,var(--mmf-fallback-role-color,var(--mm-accent)))!important;
}
.mm-site-wrap .mmf-role-badge i,.mm-site-wrap .mmf-site-role-badge i{font-style:normal!important;font-size:1.15em!important}
.mm-site-wrap .mm-author-name-row,
.mm-site-wrap .mm-member-name-row,.mm-site-wrap .mm-social-name-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:9px!important;row-gap:5px!important;min-width:0}
.mm-site-wrap .mm-member-name-row h2,.mm-site-wrap .mm-social-name-row h1{margin:0!important}
.mm-site-wrap .mm-member-name-row .mmf-role-badge{font-size:9px!important;min-height:20px;padding:2px 7px!important}
.mm-site-wrap .mm-social-name-row .mmf-role-badge{font-size:11px!important}
.mm-site-wrap .mm-author-tagline{display:block;color:var(--mm-muted);font-size:12px;margin:3px 0 7px}
.mm-site-wrap .mm-comment-list .mmf-role-badge{font-size:9px!important}
.mm-account-dropdown a .mm-social-count{display:inline-grid;place-items:center;float:right;min-width:22px;height:20px;margin:-1px 0 0 8px;padding:0 5px;border-radius:999px;background:var(--mm-accent);color:#07100f;font-weight:900;font-size:11px}

/* Profile action ribbon sits on the hero, below the member identity on smaller screens. */
.mm-member-virtual-page .mm-member-profile-hero{flex-wrap:wrap}
.mm-member-virtual-page .mm-social-profile-actions{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:100%}
.mm-member-virtual-page .mm-social-profile-actions form,.mm-member-virtual-page .mm-social-inline-actions form{display:inline-flex;margin:0!important}
.mm-member-virtual-page .mm-social-profile-actions .mm-member-button{min-height:38px!important;padding:9px 12px!important;white-space:normal!important}
.mm-member-virtual-page .mm-social-friend-status{font-size:12px;font-weight:850;color:var(--mm-accent)}
.mm-member-virtual-page .mm-social-block-menu{position:relative}
.mm-member-virtual-page .mm-social-block-menu summary{list-style:none;cursor:pointer;border:1px solid var(--mm-border);border-radius:10px;padding:8px 12px;color:var(--mm-text);background:var(--mm-card)}
.mm-member-virtual-page .mm-social-block-menu summary::-webkit-details-marker{display:none}
.mm-member-virtual-page .mm-social-block-menu[open] .mm-social-form{position:absolute;right:0;top:100%;z-index:8;padding:8px;border-radius:9px;background:var(--mm-card);border:1px solid var(--mm-border);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.mm-member-virtual-page .mm-social-soft-button,
.mm-member-virtual-page a.mm-social-soft-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;margin:0!important;padding:7px 12px!important;border:1px solid var(--mm-border)!important;border-radius:10px!important;background:var(--mm-card-2)!important;color:var(--mm-text)!important;font:750 12px/1.25 var(--mm-font)!important;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.mm-member-virtual-page .mm-social-soft-button:hover{border-color:var(--mm-accent)!important;color:var(--mm-accent)!important}
.mm-member-virtual-page .mm-social-notice{padding:12px 16px;margin:0 0 16px;border-radius:11px;border:1px solid color-mix(in srgb,var(--mm-accent) 34%,transparent);background:color-mix(in srgb,var(--mm-accent) 8%,var(--mm-card));color:var(--mm-text);font-weight:750;font-size:13px}
.mm-member-virtual-page .mm-social-muted,.mm-member-virtual-page .mm-social-empty{font-size:13px!important;color:var(--mm-muted)!important;line-height:1.55!important}
.mm-member-virtual-page .mm-social-empty{padding:16px 0 5px;margin:0!important}
.mm-member-virtual-page .mm-social-text-link{display:inline-flex;color:var(--mm-accent)!important;margin-top:14px;font-size:12px;font-weight:850;text-decoration:none}
.mm-member-virtual-page .mm-social-text-link:hover{text-decoration:underline}

/* A short, welcoming public guestbook that is separate from member-only updates. */
.mm-member-virtual-page .mm-social-guestbook{overflow:hidden}
.mm-member-virtual-page .mm-social-guestbook h2,.mm-member-virtual-page .mm-social-privacy h2{margin-top:5px!important}
.mm-member-virtual-page .mm-social-form.mm-social-composer{display:flex;flex-direction:column;gap:10px;margin:17px 0!important;padding:15px;border:1px solid var(--mm-border);border-radius:13px;background:var(--mm-card-2)}
.mm-member-virtual-page .mm-social-composer label{font-size:12px;color:var(--mm-text);font-weight:800}
.mm-member-virtual-page .mm-social-composer textarea{width:100%;max-width:100%;min-height:80px;resize:vertical;padding:12px 14px;border:1px solid var(--mm-border)!important;border-radius:11px;background:var(--mm-surface)!important;color:var(--mm-text)!important;font:500 14px/1.5 var(--mm-font)!important;outline:none}
.mm-member-virtual-page .mm-social-composer textarea:focus{border-color:var(--mm-accent)!important}
.mm-member-virtual-page .mm-social-composer .mm-member-button{align-self:flex-end}
.mm-member-virtual-page .mm-social-greeting{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-top:1px solid var(--mm-border)}
.mm-member-virtual-page .mm-social-greeting-copy{min-width:0;flex:1}
.mm-member-virtual-page .mm-social-greeting-by{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:6px}
.mm-member-virtual-page .mm-social-greeting-by>a{font-size:13px;font-weight:850;text-decoration:none;color:var(--mm-text)!important}
.mm-member-virtual-page .mm-social-greeting-by time{margin-left:auto;color:var(--mm-muted);font-size:10px}
.mm-member-virtual-page .mm-social-greeting p{overflow-wrap:anywhere;margin:4px 0!important;color:var(--mm-text)!important;font-size:14px!important;line-height:1.55!important}
.mm-member-virtual-page .mm-social-pending{display:inline-block;padding:2px 8px;border:1px dashed var(--mm-border);border-radius:999px;color:var(--mm-muted);font-size:10px}
.mm-member-virtual-page .mm-social-inline-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:8px}
.mm-member-virtual-page .mm-social-guestbook .mm-social-inline-actions{justify-content:flex-start}

/* Public friends preview (the crew). */
.mm-member-virtual-page .mm-social-friend-panel h2 small{font-size:12px;color:var(--mm-muted)}
.mm-member-virtual-page .mm-social-friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.mm-member-virtual-page .mm-social-friend-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-decoration:none!important;color:var(--mm-text)!important;text-align:center}
.mm-member-virtual-page .mm-social-friend-grid a span{font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.mm-member-virtual-page .mm-social-friend-avatar{width:54px!important;height:54px!important;border-radius:15px!important;object-fit:cover}
.mm-member-virtual-page .mm-social-small-avatar{width:42px!important;height:42px!important;flex:0 0 42px;border:1px solid var(--mm-border);border-radius:12px!important;object-fit:cover}

/* Privacy: easy opt-outs and blocks, with no settings page in wp-admin. */
.mm-member-virtual-page .mm-social-privacy{margin-top:15px}
.mm-member-virtual-page .mm-social-privacy form{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mm-member-virtual-page .mm-social-privacy .mm-social-toggle{display:flex;align-items:center;gap:10px;color:var(--mm-text);font-size:13px;font-weight:650;cursor:pointer}
.mm-member-virtual-page .mm-social-privacy .mm-social-toggle input{accent-color:var(--mm-accent);width:18px;height:18px;flex:0 0 auto}
.mm-member-virtual-page .mm-social-blocked-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--mm-border)}
.mm-member-virtual-page .mm-social-privacy h3{margin:24px 0 5px;color:var(--mm-text);font-size:16px}
.mm-member-virtual-page .mm-social-blocked-list form{display:inline-block}

/* Responsive dedicated Friends and Messages rooms. */
.mm-member-virtual-page .mm-social-page{display:flex;flex-direction:column;gap:16px}
.mm-member-virtual-page .mm-social-page .mm-member-panel{margin:0}
.mm-member-virtual-page .mm-social-page .mm-member-panel h2{font-size:21px!important;margin:0 0 14px!important}
.mm-member-virtual-page .mm-social-member-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 0;border-top:1px solid var(--mm-border)}
.mm-member-virtual-page .mm-social-member-info{display:flex;align-items:center;gap:12px;min-width:0;color:var(--mm-text)!important;text-decoration:none!important}
.mm-member-virtual-page .mm-social-member-info span{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;min-width:0}
.mm-member-virtual-page .mm-social-member-info strong{font-size:14px}
.mm-member-virtual-page .mm-social-inbox-layout{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.8fr);align-items:start;gap:14px}
.mm-member-virtual-page .mm-social-thread-list{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-member-virtual-page .mm-social-thread{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:11px;color:var(--mm-text)!important;text-decoration:none!important}
.mm-member-virtual-page .mm-social-thread:hover,.mm-member-virtual-page .mm-social-thread.is-current{border-color:var(--mm-border);background:var(--mm-card-2)}
.mm-member-virtual-page .mm-social-thread>span{display:grid;min-width:0}
.mm-member-virtual-page .mm-social-thread strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.mm-member-virtual-page .mm-social-thread small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mm-muted);font-size:11px}
.mm-member-virtual-page .mm-social-conversation{min-width:0}
.mm-member-virtual-page .mm-social-conversation-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--mm-border)}
.mm-member-virtual-page .mm-social-conversation-head h2{margin:0 0 5px!important}
.mm-member-virtual-page .mm-social-conversation-head h2 a{color:var(--mm-text)!important;text-decoration:none!important}
.mm-member-virtual-page .mm-social-bubbles{display:flex;flex-direction:column;gap:13px;min-height:140px;max-height:520px;overflow-y:auto;overflow-wrap:anywhere;padding:20px 2px;scrollbar-color:var(--mm-accent) var(--mm-card)}
.mm-member-virtual-page .mm-social-bubble{max-width:min(88%,490px);align-self:flex-start;padding:11px 14px;border:1px solid var(--mm-border);border-radius:14px 14px 14px 4px;background:var(--mm-card-2);color:var(--mm-text);font-size:13px;line-height:1.55}
.mm-member-virtual-page .mm-social-bubble.is-mine{align-self:flex-end;border-color:color-mix(in srgb,var(--mm-accent) 35%,transparent);background:color-mix(in srgb,var(--mm-accent) 10%,var(--mm-card));border-radius:14px 14px 4px 14px}
.mm-member-virtual-page .mm-social-bubble small{display:block;margin-top:7px;color:var(--mm-muted);font-size:10px}
.mm-member-virtual-page .mm-social-inbox-layout .mm-social-composer{margin-bottom:0!important}

/* Honor any alternate palette by using variables for all panels; contrast follows the theme. */
@media(max-width:850px){
 .mm-member-virtual-page .mm-social-inbox-layout{grid-template-columns:1fr}
 .mm-member-virtual-page .mm-social-thread-list{max-height:280px;overflow-y:auto}
 .mm-member-virtual-page .mm-member-profile-hero{align-items:flex-start}
 .mm-member-virtual-page .mm-social-profile-actions{justify-content:flex-start}
}
@media(max-width:570px){
 .mm-member-virtual-page .mm-social-member-row{align-items:flex-start;flex-direction:column}
 .mm-member-virtual-page .mm-social-member-row .mm-social-inline-actions{justify-content:flex-start}
 .mm-member-virtual-page .mm-social-profile-actions{width:100%}
 .mm-member-virtual-page .mm-social-profile-actions .mm-member-button{flex:1}
 .mm-member-virtual-page .mm-social-friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mm-member-virtual-page .mm-social-greeting-by time{width:100%;margin:0}
}

/* Personal wall updates carry the same role marker as their original author. */
.mm-member-virtual-page .mm-social-post-author-name{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.mm-member-virtual-page .mm-social-post-author-name strong{display:inline!important;width:auto;overflow:visible;white-space:normal}
.mm-member-virtual-page .mm-social-post-author-name .mmf-role-badge{font-size:9px!important;min-height:20px;padding:2px 7px!important}

/* =========================================
   v2.5 — fan favourites, tidy tabs and Badge Cabinet
   ========================================= */
.mm-member-virtual-page .mm-profile-v25 .mm-member-profile-grid {align-items:start}
.mm-member-virtual-page .mm-profile-v25 .mm-member-profile-grid>main,
.mm-member-virtual-page .mm-profile-v25 .mm-member-profile-grid>aside {min-width:0}
.mm-member-virtual-page .mm-profile-tabs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  margin:14px 0 0;padding:7px;border:1px solid var(--mm-border);border-radius:16px;
  background:var(--mm-card);box-shadow:0 7px 25px rgba(0,0,0,.08)
}
.mm-member-virtual-page .mm-profile-tab{
  display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;
  min-height:43px;border:1px solid transparent;border-radius:11px;
  color:var(--mm-muted)!important;text-decoration:none!important;font:800 13px/1.2 var(--mm-font);
  transition:background .15s ease,border-color .15s ease,color .15s ease
}
.mm-member-virtual-page .mm-profile-tab:hover{background:var(--mm-card-2);color:var(--mm-text)!important}
.mm-member-virtual-page .mm-profile-tab.is-active{
  background:color-mix(in srgb,var(--mm-accent) 12%,var(--mm-card-2));
  color:var(--mm-accent)!important;border-color:color-mix(in srgb,var(--mm-accent) 36%,var(--mm-border));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
.mm-member-virtual-page .mm-profile-tab span{
  padding:2px 7px;border-radius:999px;background:var(--mm-card-2);color:var(--mm-muted);font-size:11px
}
.mm-member-virtual-page .mm-profile-favourites{display:grid;gap:8px;margin:13px 0}
.mm-member-virtual-page .mm-profile-favourites>div{
  display:grid;gap:3px;padding:11px 13px;border:1px solid var(--mm-border);border-radius:11px;background:var(--mm-card-2)
}
.mm-member-virtual-page .mm-profile-favourites>div span{color:var(--mm-muted);font:750 10px/1.3 var(--mm-font);text-transform:uppercase;letter-spacing:.07em}
.mm-member-virtual-page .mm-profile-favourites>div strong{color:var(--mm-text);font:800 14px/1.35 var(--mm-font);overflow-wrap:anywhere}
.mm-member-virtual-page .mm-profile-panel-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.mm-member-virtual-page .mm-profile-panel-title h2{margin:4px 0 0!important}
.mm-member-virtual-page .mm-profile-panel-title>a{color:var(--mm-accent)!important;text-decoration:none;font-weight:800;font-size:12px}
.mm-member-virtual-page .mm-profile-meme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mm-member-virtual-page .mm-profile-meme{
  min-width:0;display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--mm-border);border-radius:13px;
  background:var(--mm-card-2);color:var(--mm-text)!important;text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease
}
.mm-member-virtual-page .mm-profile-meme:hover{border-color:var(--mm-accent);transform:translateY(-2px)}
.mm-member-virtual-page .mm-profile-meme-thumb{
  aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center;border-radius:9px;
  background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--mm-accent) 15%,transparent),transparent 60%),var(--mm-surface)
}
.mm-member-virtual-page .mm-profile-meme-thumb img{height:100%;width:100%;object-fit:cover;display:block}
.mm-member-virtual-page .mm-profile-meme-thumb>span{color:var(--mm-accent);font:900 62px/1 var(--mm-display)}
.mm-member-virtual-page .mm-profile-meme>strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.mm-member-virtual-page .mm-profile-meme>small{color:var(--mm-muted);font-size:10px}
.mm-member-virtual-page .mm-profile-showcase-editor{padding:18px 0;border-top:1px solid var(--mm-border);border-bottom:1px solid var(--mm-border)}
.mm-member-virtual-page .mm-profile-showcase-editor>strong{color:var(--mm-text);font-size:16px}
.mm-member-virtual-page .mm-profile-showcase-editor>p{color:var(--mm-muted)!important;font-size:12px!important;margin:7px 0 14px!important}
.mm-member-virtual-page .mm-profile-pick-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,2fr);gap:12px;margin-bottom:10px}
.mm-member-virtual-page .mm-profile-pick-row label{min-width:0}
.mm-member-virtual-page .mm-profile-mutual h2 small{font:700 12px var(--mm-font);color:var(--mm-muted)}
.mm-member-virtual-page .mm-profile-mutual .mm-social-friend-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

/* The Badges tab receives the original role/flair/achievement plugin output.
   Do not replace any earned-badge data or HTML: only organize its appearance. */
.mm-member-virtual-page .mm-profile-badge-intro{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--mm-accent) 12%,transparent),transparent 60%),var(--mm-card)}
.mm-member-virtual-page .mm-profile-badge-intro p{color:var(--mm-muted)!important;font-size:13px!important;margin-bottom:0!important}
.mm-member-virtual-page .mm-profile-badge-collection{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.mm-member-virtual-page .mm-profile-badge-collection .mm-member-panel{margin:0!important;min-width:0;padding:16px!important}
.mm-member-virtual-page .mm-profile-badge-collection .mm-member-panel h2{font-size:20px!important}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-role-card,
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-flair-card{min-width:0;border-radius:13px!important}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:9px!important
}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-card{
  box-sizing:border-box;min-width:0;min-height:66px;padding:10px!important;border-radius:11px!important;
  background:var(--mm-card-2)!important;border:1px solid var(--mm-border)!important
}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-card>div{min-width:0}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-card strong{font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-card div>span{font-size:10px!important;line-height:1.45!important;color:var(--mm-muted)!important}
.mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-earned-label{margin-top:14px!important}
/* Common achievement collections from other installed modules also fall into the cabinet. */
.mm-member-virtual-page .mm-profile-badge-collection :is(.mm-member-badges,.mm-profile-badges,.mm-badge-list,.mm-badge-grid){min-width:0;display:flex;flex-wrap:wrap;gap:9px}
.mm-member-virtual-page .mm-profile-badge-collection :is(.mm-badge,.mm-achievement,.mm-profile-badge){max-width:100%;border-radius:12px}

/* Compact accessible header bell. No polling or third-party tracking. */
.mm-header .mm-notice-bell-wrap{position:relative;z-index:200;flex:0 0 auto}
.mm-header .mm-notice-bell{position:relative;list-style:none;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}
.mm-header .mm-notice-bell::-webkit-details-marker{display:none}
.mm-header .mm-notice-bell:focus-visible{outline:2px solid var(--mm-accent);outline-offset:3px}
.mm-header .mm-notice-bell-count{
  position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;
  padding:1px 4px;border-radius:999px;border:2px solid var(--mm-card);background:var(--mm-accent);
  color:#06110d;font:900 10px/1 var(--mm-font);font-variant-numeric:tabular-nums
}
.mm-header .mm-notice-popover{
  position:absolute;right:0;top:calc(100% + 10px);width:min(350px,calc(100vw - 20px));
  padding:14px;border:1px solid var(--mm-border);border-radius:15px;background:var(--mm-card);
  box-shadow:0 20px 50px rgba(0,0,0,.32);color:var(--mm-text);z-index:210
}
.mm-header .mm-notice-popover>strong{display:block;font-size:15px;margin:4px 3px 10px}
.mm-header .mm-notice-popover>p{font-size:12px;color:var(--mm-muted);margin:0 3px 9px}
.mm-header .mm-notice-popover a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 9px;
  border-radius:9px;color:var(--mm-text)!important;text-decoration:none!important;font-size:12px;font-weight:700
}
.mm-header .mm-notice-popover a:hover{background:var(--mm-card-2)!important}
.mm-header .mm-notice-popover a b{background:var(--mm-card-2);border-radius:20px;padding:3px 9px;color:var(--mm-accent);font-size:11px}
.mm-header .mm-notice-popover .mm-notice-all{margin-top:7px;justify-content:center;color:var(--mm-accent)!important;border-top:1px solid var(--mm-border);border-radius:0}
.mm-member-virtual-page .mm-notice-stat-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mm-member-virtual-page .mm-notice-stat-links>a{display:flex;flex-direction:column;gap:3px;border:1px solid var(--mm-border);border-radius:13px;padding:18px;background:var(--mm-card);text-decoration:none!important}
.mm-member-virtual-page .mm-notice-stat-links>a b{font:850 26px/1 var(--mm-display);color:var(--mm-accent)}
.mm-member-virtual-page .mm-notice-stat-links>a span{color:var(--mm-muted);font-size:12px;font-weight:700}
.mm-member-virtual-page .mm-notice-feed{display:flex;flex-direction:column}
.mm-member-virtual-page .mm-notice-item{display:flex;align-items:center;gap:14px;padding:14px 8px;border-top:1px solid var(--mm-border);color:var(--mm-text)!important;text-decoration:none!important}
.mm-member-virtual-page .mm-notice-item:hover{background:var(--mm-card-2)}
.mm-member-virtual-page .mm-notice-item>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1}
.mm-member-virtual-page .mm-notice-item strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.mm-member-virtual-page .mm-notice-item small{font-size:11px;line-height:1.4;color:var(--mm-muted);overflow-wrap:anywhere}
.mm-member-virtual-page .mm-notice-item .mm-notice-kind{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--mm-card-2);border:1px solid var(--mm-border);font-size:20px}
.mm-member-virtual-page .mm-notice-item>i{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--mm-accent)}
.mm-member-virtual-page .mm-notice-center .mm-profile-panel-title{margin-bottom:9px}
.mm-member-virtual-page .mm-notice-help{font-size:11px!important;color:var(--mm-muted)!important;margin-top:17px!important}

@media(max-width:750px){
  .mm-member-virtual-page .mm-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px}
  .mm-member-virtual-page .mm-profile-tab{padding:11px 3px;font-size:12px;gap:4px}
  .mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mm-member-virtual-page .mm-profile-mutual .mm-social-friend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mm-header .mm-notice-popover{right:-60px}
}
@media(max-width:520px){
  .mm-member-virtual-page .mm-profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm-member-virtual-page .mm-profile-meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm-member-virtual-page .mm-profile-pick-row{grid-template-columns:minmax(0,1fr)}
  .mm-member-virtual-page .mm-profile-badge-collection .mmf-profile-badge-list{grid-template-columns:minmax(0,1fr)!important}
  .mm-member-virtual-page .mm-notice-stat-links{gap:8px}
  .mm-member-virtual-page .mm-notice-stat-links>a{padding:13px 8px;text-align:center}
  .mm-member-virtual-page .mm-notice-stat-links>a b{font-size:22px}
  .mm-member-virtual-page .mm-notice-stat-links>a span{font-size:10px}
  .mm-header .mm-notice-popover{position:fixed;top:75px;right:9px;width:min(350px,calc(100vw - 18px))}
}
/* Keep the notification control genuinely accessible on a narrow header. */
@media(max-width:560px){
  .mm-header-actions .mm-notice-bell{display:inline-flex!important;width:32px!important;height:34px!important;min-width:32px!important;padding:5px!important}
  .mm-header-actions .mm-notice-bell .mm-icon{width:17px!important;height:17px!important}
  .mm-header-actions .mm-notice-bell-count{top:-4px;right:-4px}
  .mm-header .mm-header-actions{gap:5px!important}
}
/* New editable fields use the current theme palette, including alternate light themes. */
.mm-member-virtual-page .mm-profile-pick-row input,
.mm-member-virtual-page .mm-member-profile-form input[name="favourite_character"],
.mm-member-virtual-page .mm-member-profile-form input[name="favourite_show"]{
  background:var(--mm-card-2)!important;color:var(--mm-text)!important;border-color:var(--mm-border)!important
}
.mm-member-virtual-page .mm-profile-pick-row input:focus-visible,
.mm-member-virtual-page .mm-member-profile-form input[name="favourite_character"]:focus-visible,
.mm-member-virtual-page .mm-member-profile-form input[name="favourite_show"]:focus-visible{
  outline:2px solid var(--mm-accent)!important;outline-offset:1px
}


/* v2.5.2 — Profile role pills: same compact, coloured treatment as Green Room.
   The legacy wall stylesheet styled *every* author span as grey, block-level
   metadata, which inadvertently stripped the role pill's layout and colours. */
.mm-site-wrap :is(.mmf-role-badge,.mmf-site-role-badge){
  --mm-profile-role-ink:var(--mmr-role-color,var(--mmr-badge-color,var(--mmr-color,var(--role-color,var(--mmf-fallback-role-color,var(--mm-accent,#86f06b))))));
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  height:auto!important;
  margin:0!important;
  padding:3px 9px 3px 4px!important;
  border:1px solid color-mix(in srgb,var(--mm-profile-role-ink) 54%,var(--mm-border))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--mm-profile-role-ink) 12%,var(--mm-card))!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mm-profile-role-ink)!important;
  font:850 10px/1.2 var(--mm-font,system-ui,sans-serif)!important;
  letter-spacing:.03em!important;
  text-align:left!important;
  text-decoration:none!important;
  text-shadow:none!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.mm-site-wrap :is(.mmf-role-badge,.mmf-site-role-badge)>:is(i,b,.mmr-role-icon,.mmr-badge-icon,.mm-role-icon,.mm-role-badge-icon){
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--mm-profile-role-ink)!important;
  color:var(--mm-card)!important;
  font:900 10px/1 var(--mm-font,system-ui,sans-serif)!important;
  text-shadow:none!important;
}
.mm-site-wrap :is(.mmf-role-badge,.mmf-site-role-badge)>svg{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  color:currentColor!important;
}
.mm-site-wrap :is(.mmf-role-badge,.mmf-site-role-badge)>span:not(.mmr-role-icon):not(.mmr-badge-icon):not(.mm-role-icon):not(.mm-role-badge-icon),
.mm-site-wrap :is(.mmf-role-badge,.mmf-site-role-badge)>strong{
  display:inline!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:inherit!important;
  text-overflow:clip!important;
}

/* Keep the name and all role/flair pills neatly aligned on the cover. On
   narrow screens the complete badge group wraps under the name, never clips. */
.mm-member-virtual-page .mm-member-profile-identity>div{min-width:0;max-width:100%}
.mm-member-virtual-page .mm-social-name-row{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:8px 10px!important;width:100%!important;min-width:0!important;
}
.mm-member-virtual-page .mm-social-name-row>h1{
  flex:0 1 auto!important;max-width:100%!important;
  margin:0!important;overflow-wrap:anywhere;
}
.mm-member-virtual-page .mm-profile-hero-badges{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:6px!important;min-width:0!important;max-width:100%!important;
  line-height:1.2!important;
}
.mm-member-virtual-page .mm-profile-hero-badges>:is(.mmf-role-badge,.mmf-site-role-badge,.mmf-user-flair){
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
  margin:0!important;vertical-align:middle!important;
}
.mm-member-virtual-page .mm-profile-hero-badges>.mmf-role-badge{font-size:10px!important}

/* Do not let the old .mm-profile-post-author span rules swallow forum pills. */
.mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:5px 7px!important;min-width:0!important;margin:0!important;
  overflow:visible!important;white-space:normal!important;
}
.mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name>strong{
  display:inline!important;flex:0 1 auto!important;margin:0!important;
  color:var(--mm-text)!important;font-size:13px!important;
  line-height:1.25!important;white-space:normal!important;
}
.mm-member-virtual-page .mm-profile-post-author .mm-profile-post-meta{
  display:block!important;max-width:100%!important;min-width:0!important;
  margin-top:4px!important;overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;color:var(--mm-muted)!important;
  font:500 10.5px/1.35 var(--mm-font,system-ui,sans-serif)!important;
}
.mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name :is(.mmf-role-badge,.mmf-site-role-badge){
  display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
  min-height:22px!important;padding:2px 8px 2px 3px!important;margin:0!important;
  overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
  color:var(--mm-profile-role-ink)!important;font-size:9px!important;
  font-weight:850!important;line-height:1.2!important;
}
.mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name .mmf-role-badge>span:not(.mmr-role-icon):not(.mmr-badge-icon),
.mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name .mmf-role-badge>strong{
  color:inherit!important;white-space:inherit!important;overflow:visible!important;
}
@media(max-width:560px){
  .mm-member-virtual-page .mm-social-name-row{gap:7px!important}
  .mm-member-virtual-page .mm-profile-hero-badges{gap:5px!important}
  .mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name{gap:4px 6px!important}
  .mm-member-virtual-page .mm-profile-post-author .mm-social-post-author-name :is(.mmf-role-badge,.mmf-site-role-badge){font-size:8.5px!important}
}


/* v2.5.3 — Profile cover: ONE visual baseline for name and all role/flair pills.
 * The external roles output may contain multiple sibling badges with independent
 * styling. Equal-height pill boxes and a single parent flex row fix that, while
 * preserving each role's own colour, icon, and label. The slight optical lift
 * compensates for the large display face's lower visual centre within its line box.
 * This update is dark-theme only; no Lite Mode / palette switch is introduced. */
.mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  column-gap:12px!important;
  row-gap:7px!important;
  width:100%!important;
  min-width:0!important;
}
.mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row>h1{
  display:block!important;
  align-self:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row>.mm-profile-hero-badges{
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  flex:0 1 auto!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(-5px);
}
/* Both the Muppet Roles/Forum pill and the member's other showcase pill use
 * identical outer geometry. Restrict this to the profile header: forum posts,
 * badge cabinet cards and ordinary inline badge placements are unaffected. */
.mm-member-virtual-page .mm-member-profile-identity .mm-profile-hero-badges>:is(span,a,div){
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  border-radius:999px!important;
  vertical-align:middle!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.mm-member-virtual-page .mm-member-profile-identity .mm-profile-hero-badges>:is(span,a,div)>:is(i,b,svg){
  vertical-align:middle!important;
  flex-shrink:0!important;
}
@media(max-width:720px){
  .mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row>.mm-profile-hero-badges{
    transform:translateY(-3px);
    gap:6px!important;
  }
}
@media(max-width:460px){
  .mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row{
    column-gap:9px!important;
    row-gap:8px!important;
  }
  /* On small phones pills may drop to the next row. Do not lift that row. */
  .mm-member-virtual-page .mm-member-profile-identity .mm-social-name-row>.mm-profile-hero-badges{
    transform:none;
  }
}


/* v2.5.4 — Glass member dossier over the profile cover. No baseline
   positioning tricks: role and chosen flair each have their own labeled row.
   All rewards remain owned by their original forum/achievement plugins. */
.mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero{
  min-height:370px!important;
  padding:22px!important;
  align-items:flex-end!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  gap:18px!important;
  isolation:isolate;
}
.mm-member-virtual-page .mm-member-profile-hero .mm-member-profile-cover{z-index:-1}
.mm-member-virtual-page .mm-profile-identity-card{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  width:min(100%,398px)!important;
  min-width:0!important;
  margin:0!important;
  padding:17px!important;
  border:1px solid rgba(244,250,246,.2)!important;
  border-radius:19px!important;
  background:rgba(6,17,19,.74)!important;
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 15px 36px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)!important;
  color:#f3f6f3!important;
}
.mm-member-virtual-page .mm-profile-id-top{
  display:flex!important;align-items:center!important;gap:13px!important;
  min-width:0!important;
}
.mm-member-virtual-page .mm-profile-id-top .mm-profile-id-avatar{
  display:block!important;flex:0 0 76px!important;width:76px!important;height:76px!important;
  max-width:76px!important;max-height:76px!important;object-fit:cover!important;
  margin:0!important;border:2px solid #d6f968!important;border-radius:17px!important;
  background:#0e221e!important;box-shadow:0 0 0 3px rgba(3,14,12,.65)!important;
}
.mm-member-virtual-page .mm-profile-id-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;gap:3px!important}
.mm-member-virtual-page .mm-profile-id-copy .mm-profile-id-eyebrow{
  display:block!important;max-width:100%;margin:0!important;color:#ff9a58!important;
  font:850 9px/1.25 var(--mm-font,system-ui,sans-serif)!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;overflow-wrap:anywhere;
}
.mm-member-virtual-page .mm-profile-id-copy h1{
  display:block!important;max-width:100%;margin:0!important;padding:0!important;
  color:#ffda77!important;font:900 clamp(26px,3.6vw,36px)/1.05 var(--mm-display,system-ui)!important;
  letter-spacing:-.035em!important;overflow-wrap:anywhere;
}
.mm-member-virtual-page .mm-profile-id-copy p{
  margin:0!important;padding:0!important;color:#d3e2df!important;
  font:550 12px/1.35 var(--mm-font,system-ui,sans-serif)!important;
  overflow-wrap:anywhere;
}
.mm-member-virtual-page .mm-profile-id-badge-stack{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;gap:6px!important;
  padding:10px 0!important;border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.mm-member-virtual-page .mm-profile-id-badge-line{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:8px!important;min-width:0!important;
}
.mm-member-virtual-page .mm-profile-id-badge-line .mm-profile-id-label{
  flex:0 0 42px!important;min-width:42px!important;color:#adc0bb!important;
  font:800 10px/1.35 var(--mm-font,system-ui,sans-serif)!important;
  text-transform:uppercase!important;letter-spacing:.07em!important;
}
/* Keep the official role pill/selected forum flair; don't recolor their awards. */
.mm-member-virtual-page .mm-profile-id-badge-line :is(.mmf-role-badge,.mmf-site-role-badge,.mmf-user-flair){
  position:static!important;transform:none!important;align-self:center!important;
  flex:0 1 auto!important;max-width:calc(100% - 55px)!important;
  margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;
  height:auto!important;min-height:24px!important;line-height:1.35!important;
}
.mm-member-virtual-page .mm-profile-id-badge-line .mmf-user-flair{
  padding:4px 9px!important;gap:5px!important;
  border:1px solid color-mix(in srgb,var(--flair-color,#f9c45c) 45%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--flair-color,#f9c45c) 13%,rgba(4,15,13,.6))!important;
  color:var(--flair-color,#f9c45c)!important;
  font:850 10px/1.25 var(--mm-font,system-ui,sans-serif)!important;
  text-transform:uppercase!important;letter-spacing:.035em!important;
}
.mm-member-virtual-page .mm-profile-id-progress{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
.mm-member-virtual-page .mm-profile-id-stat{
  display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;
  padding:8px 6px!important;text-align:center!important;
  border:1px solid rgba(255,255,255,.085)!important;border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
}
.mm-member-virtual-page .mm-profile-id-stat strong{
  color:#f5f8f4!important;font:850 18px/1.1 var(--mm-display,system-ui)!important;
}
.mm-member-virtual-page .mm-profile-id-stat span{
  color:#c0ceca!important;font:700 9px/1.2 var(--mm-font,system-ui,sans-serif)!important;
}
.mm-member-virtual-page .mm-profile-id-earned{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
.mm-member-virtual-page .mm-profile-id-earned-title{
  color:#c6d7d1!important;font:850 9px/1.2 var(--mm-font,system-ui,sans-serif)!important;
  text-transform:uppercase!important;letter-spacing:.09em!important;
}
.mm-member-virtual-page .mm-profile-id-earned-items{display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important}
.mm-member-virtual-page .mm-profile-id-earned-chip,.mm-member-virtual-page .mm-profile-id-more{
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  max-width:100%!important;min-height:22px!important;
  padding:4px 7px!important;
  border:1px solid color-mix(in srgb,var(--mm-earned-ink,#e1c364) 35%,rgba(255,255,255,.1))!important;
  border-radius:7px!important;background:rgba(255,255,255,.04)!important;
  color:#f0f4ef!important;font:750 9px/1.1 var(--mm-font,system-ui,sans-serif)!important;
}
.mm-member-virtual-page .mm-profile-id-earned-chip>span{color:var(--mm-earned-ink,#e1c364)!important;font-size:13px!important;line-height:1!important}
.mm-member-virtual-page .mm-profile-id-cabinet{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:6px!important;min-width:0!important;
  color:#e6f6c9!important;font:800 11px/1.35 var(--mm-font,system-ui,sans-serif)!important;
  text-decoration:none!important;
}
.mm-member-virtual-page .mm-profile-id-cabinet:hover{color:#fff!important;text-decoration:underline!important}
.mm-member-virtual-page .mm-profile-id-award-icon{width:15px!important;height:15px!important;flex-shrink:0!important}
/* Buttons remain outside the glass card, on the right of the banner. */
.mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-profile-edit-button,
.mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-social-profile-actions{
  position:relative!important;z-index:2!important;align-self:flex-end!important;margin:0!important;
}
@media(max-width:850px){
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero{
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;
    gap:12px!important;min-height:380px!important;
  }
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-profile-identity-card{
    width:min(100%,440px)!important;
  }
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-profile-edit-button,
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-social-profile-actions{
    align-self:flex-start!important;
  }
}
@media(max-width:520px){
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero{
    padding:12px!important;min-height:360px!important;gap:11px!important;
  }
  .mm-member-virtual-page .mm-profile-v25>.mm-member-profile-hero>.mm-profile-identity-card{
    padding:13px!important;gap:10px!important;border-radius:15px!important;
  }
  .mm-member-virtual-page .mm-profile-id-top .mm-profile-id-avatar{
    width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;
    flex-basis:64px!important;border-radius:14px!important;
  }
  .mm-member-virtual-page .mm-profile-id-copy h1{font-size:clamp(23px,7vw,32px)!important}
  .mm-member-virtual-page .mm-profile-id-badge-line .mm-profile-id-label{flex-basis:36px!important;min-width:36px!important}
  .mm-member-virtual-page .mm-profile-id-badge-line :is(.mmf-role-badge,.mmf-site-role-badge,.mmf-user-flair){max-width:calc(100% - 48px)!important}
}

/* All supplied role markers occupy their own rows, even when the external
   Muppet Roles filter returns two or more sibling badge pills. */
.mm-member-virtual-page .mm-profile-id-badge-line{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:6px 8px!important;
}
.mm-member-virtual-page .mm-profile-id-badge-line>.mm-profile-id-label{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  padding-top:6px!important;
}
.mm-member-virtual-page .mm-profile-id-badge-line>:not(.mm-profile-id-label){
  grid-column:2!important;
  justify-self:start!important;
  max-width:100%!important;
}
@media(max-width:520px){
  .mm-member-virtual-page .mm-profile-id-badge-line{grid-template-columns:36px minmax(0,1fr)!important}
}