.role-badge{text-transform:capitalize;white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.role-badge--sm{gap:.15rem;padding:.125rem .375rem;font-size:.65rem}.role-badge--md{padding:.25rem .5rem;font-size:.75rem}.role-badge--lg{gap:.35rem;padding:.375rem .625rem;font-size:.85rem}.role-badge--owner{color:var(--color-purple,#bd93f9);background:#bd93f933}.role-badge--admin{color:var(--color-pink,#ff79c6);background:#ff79c633}.role-badge--editor{color:var(--color-green,#50fa7b);background:#50fa7b33}.role-badge--viewer{color:var(--color-cyan,#8be9fd);background:#8be9fd33}.role-badge svg{flex-shrink:0}
.role-select-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.role-select-dropdown{appearance:none;background:var(--background-secondary,#2a3142);border:1px solid var(--border-color,#3a4357);color:var(--text-normal,#e2e8f0);cursor:pointer;border-radius:6px;padding:.375rem 1.75rem .375rem .625rem;font-size:.8rem;transition:border-color .15s,background-color .15s}.role-select-dropdown:hover:not(:disabled){border-color:var(--color-primary,#4169e1);background-color:var(--background-modifier-hover,#ffffff0d)}.role-select-dropdown:focus{border-color:var(--color-primary,#4169e1);outline:none;box-shadow:0 0 0 2px #4169e133}.role-select-dropdown:disabled{opacity:.5;cursor:not-allowed}.role-select-chevron{pointer-events:none;color:var(--text-muted,#64748b);position:absolute;right:.5rem}.role-select-radio{flex-direction:column;gap:.5rem;display:flex}.role-option{border:1px solid var(--border-color,#3a4357);cursor:pointer;background:var(--background-secondary,#2a3142);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:all .15s;display:flex}.role-option:hover:not(.disabled){border-color:var(--color-primary,#4169e1);background-color:var(--background-modifier-hover,#ffffff0d)}.role-option.selected{border-color:var(--color-primary,#4169e1);background-color:#4169e11a}.role-option.disabled{opacity:.5;cursor:not-allowed}.role-option input[type=radio]{accent-color:var(--color-primary,#4169e1);cursor:pointer;margin-top:.125rem}.role-option.disabled input[type=radio]{cursor:not-allowed}.role-option-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.role-option-label{color:var(--text-normal,#e2e8f0);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.role-option-label svg{color:var(--text-muted,#64748b)}.role-option.selected .role-option-label svg{color:var(--color-primary,#4169e1)}.role-option-desc{color:var(--text-muted,#64748b);font-size:.8rem;line-height:1.4}