.team-role-picker { border: 0; margin: 16px 0; padding: 0; }
.team-role-picker legend { font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.team-role-options, .team-role-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.team-role-options label { display: inline-flex; position: relative; cursor: pointer; }
.team-role-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.team-role-options span { display: inline-block; padding: 8px 11px; border: 1px solid #d6e2d8; border-radius: 20px; background: #fff; color: #4a5c4e; font-size: 12px; }
.team-role-options input:checked + span { background: #dcecdf; color: #275936; border-color: #6a9b75; font-weight: 700; }
.team-role-options input:focus-visible + span { outline: 2px solid #327c4e; outline-offset: 2px; }
.team-role-picker small { display: block; margin-top: 9px; color: #718076; font-size: 11px; }
html[data-theme="dark"] .team-role-options span { background: #26372b; color: #dae9dd; border-color: #526658; }
html[data-theme="dark"] .team-role-options input:checked + span { background: #345c3e; color: #fff; }