/* Category badges shared by the sidebar, directories, profiles and community pages. */
.member-category-badge {
    --badge-ink: #9d136d;
    --badge-bg: #fdf0f8;
    --badge-line: #f4c8e3;
    --badge-glow: rgba(190, 24, 93, .1);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 9px;
    border: 1px solid var(--badge-line);
    border-radius: 999px;
    background: var(--badge-bg);
    box-shadow: 0 1px 2px rgba(64, 26, 54, .04);
    color: var(--badge-ink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.25;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.member-category-badge > i {
    flex: 0 0 auto;
    color: currentColor;
    font-size: 10px;
}
.member-category-badge__label {
    overflow: hidden;
    color: currentColor;
    text-overflow: ellipsis;
}
.member-category-badge .member-category-badge__card-icon {
    display: inline-grid;
    place-items: center;
    width: 15px;
    height: 15px;
    margin-left: 1px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .72);
    color: var(--badge-ink);
    font-size: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}
.member-category-badge--with-card {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .78), 0 4px 12px var(--badge-glow);
}
.member-category-badge--no-card {
    border-style: dashed;
    background: transparent;
    box-shadow: none;
    opacity: .92;
}
.member-category-badge--compact {
    gap: 4px;
    padding: 2px 7px;
    font-size: 9px;
    line-height: 1.35;
}
.member-category-badge--compact > i {
    font-size: 8px;
}
.member-category-badge--compact .member-category-badge__card-icon {
    width: 12px;
    height: 12px;
    font-size: 7px;
}
.member-category-badge--media {
    border-color: rgba(255, 255, 255, .45);
    background: rgba(20, 13, 19, .58);
    box-shadow: 0 5px 16px rgba(0, 0, 0, .22);
    color: #fff;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}
.member-category-badge--media.member-category-badge--with-card {
    border-color: rgba(255, 221, 146, .9);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .2), 0 5px 18px rgba(0, 0, 0, .28);
}
.member-category-badge--media .member-category-badge__card-icon {
    background: rgba(255, 255, 255, .2);
    color: #ffe09a;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26);
}
.member-category-badge--media.member-category-badge--no-card {
    border-style: solid;
    border-color: rgba(255, 255, 255, .38);
    background: rgba(20, 13, 19, .45);
    opacity: 1;
}

/* Associada */
.member-category-badge--associada { --badge-ink: #9d136d; --badge-bg: #fdf0f8; --badge-line: #f4c8e3; --badge-glow: rgba(190, 24, 93, .12); }
/* Mentora */
.member-category-badge--mentora { --badge-ink: #6d28d9; --badge-bg: #f5f1ff; --badge-line: #ddd1ff; --badge-glow: rgba(109, 40, 217, .12); }
/* Madrinha */
.member-category-badge--madrinha { --badge-ink: #a34b08; --badge-bg: #fff6e8; --badge-line: #f8d9ac; --badge-glow: rgba(180, 83, 9, .13); }
/* Embaixadora */
.member-category-badge--embaixadora { --badge-ink: #0e7490; --badge-bg: #ecfbff; --badge-line: #b9e9f3; --badge-glow: rgba(14, 116, 144, .13); }
/* Admin */
.member-category-badge--admin { --badge-ink: #414b5a; --badge-bg: #f3f5f8; --badge-line: #d8dee7; --badge-glow: rgba(65, 75, 90, .1); }
/* Direção */
.member-category-badge--direcao { --badge-ink: #4338ca; --badge-bg: #eff0ff; --badge-line: #d5d7fb; --badge-glow: rgba(67, 56, 202, .12); }
/* Academia */
.member-category-badge--academia { --badge-ink: #0f766e; --badge-bg: #edfbf8; --badge-line: #bdece5; --badge-glow: rgba(15, 118, 110, .12); }
/* Fornecedor */
.member-category-badge--fornecedor { --badge-ink: #9a3412; --badge-bg: #fff3ec; --badge-line: #f8d2bf; --badge-glow: rgba(154, 52, 18, .12); }

/* Dark mode keeps each category recognisable without relying on pale backgrounds. */
html[data-theme="dark"] .member-category-badge {
    --badge-ink: #ffb3dc;
    --badge-bg: rgba(214, 51, 132, .17);
    --badge-line: rgba(244, 114, 182, .38);
    --badge-glow: rgba(244, 114, 182, .12);
}
html[data-theme="dark"] .member-category-badge--associada { --badge-ink: #ffb3dc; --badge-bg: rgba(214, 51, 132, .18); --badge-line: rgba(244, 114, 182, .4); }
html[data-theme="dark"] .member-category-badge--mentora { --badge-ink: #cabfff; --badge-bg: rgba(124, 58, 237, .2); --badge-line: rgba(167, 139, 250, .42); }
html[data-theme="dark"] .member-category-badge--madrinha { --badge-ink: #ffd993; --badge-bg: rgba(180, 83, 9, .22); --badge-line: rgba(251, 191, 36, .4); }
html[data-theme="dark"] .member-category-badge--embaixadora { --badge-ink: #91efff; --badge-bg: rgba(14, 116, 144, .24); --badge-line: rgba(34, 211, 238, .38); }
html[data-theme="dark"] .member-category-badge--admin { --badge-ink: #d8e0eb; --badge-bg: rgba(100, 116, 139, .22); --badge-line: rgba(148, 163, 184, .38); }
html[data-theme="dark"] .member-category-badge--direcao { --badge-ink: #c7ccff; --badge-bg: rgba(79, 70, 229, .22); --badge-line: rgba(129, 140, 248, .4); }
html[data-theme="dark"] .member-category-badge--academia { --badge-ink: #8ff5e7; --badge-bg: rgba(15, 118, 110, .23); --badge-line: rgba(45, 212, 191, .38); }
html[data-theme="dark"] .member-category-badge--fornecedor { --badge-ink: #ffc29c; --badge-bg: rgba(154, 52, 18, .24); --badge-line: rgba(251, 146, 60, .38); }
html[data-theme="dark"] .member-category-badge--with-card {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .08), 0 4px 14px rgba(0, 0, 0, .22);
}
html[data-theme="dark"] .member-category-badge--no-card {
    background: transparent;
    opacity: .88;
}
html[data-theme="dark"] .member-category-badge .member-category-badge__card-icon {
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
html[data-theme="dark"] .member-category-badge--media {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(15, 10, 14, .64);
    color: #fff;
}
html[data-theme="dark"] .member-category-badge--media.member-category-badge--with-card {
    border-color: rgba(255, 221, 146, .95);
}