
.roster-role-badge{--badge-ink:#dfebff;--badge-edge:#9eb5e7;--badge-bg:#243551;--badge-surface:#18263b;display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:16px;padding:8px 13px 8px 8px;border:1px solid var(--badge-edge);border-radius:9px;background:linear-gradient(135deg,var(--badge-bg),var(--badge-surface));box-shadow:inset 0 1px 0 #ffffff26,0 4px 14px #0003;color:var(--badge-ink);box-sizing:border-box;vertical-align:middle;position:relative}
.roster-role-badge::after{content:"";position:absolute;inset:3px;border:1px solid #ffffff0b;border-radius:6px;pointer-events:none}.role-badge-emblem{display:grid;place-items:center;flex:none;width:34px;height:37px;background:linear-gradient(145deg,#d6e2ff,#839fd9);clip-path:polygon(50% 0,100% 16%,92% 73%,50% 100%,8% 73%,0 16%)}.role-badge-emblem img{width:24px;height:24px;object-fit:contain;filter:none}.role-badge-label{font:700 11px/1.35 Inter,Arial,sans-serif;letter-spacing:.075em;color:inherit;white-space:normal}.role-council{--badge-ink:#ffdfa0;--badge-edge:#b99550;--badge-bg:#3e3221;--badge-surface:#27231c}.role-council .role-badge-emblem{background:linear-gradient(145deg,#ffe7aa,#c49b4d)}.council-card .profile-info{padding-bottom:74px}.council-card .roster-role-badge{margin-top:12px}.ambassador-card .roster-role-badge{margin-top:12px}@media(max-width:360px){.roster-role-badge{gap:8px;padding-right:10px}.role-badge-label{font-size:10px}}
