.role-picker{position:relative;min-width:0}.role-picker-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:8px;padding:7px 42px 7px 10px;border:1px solid #303747;border-radius:12px;background:linear-gradient(180deg,#111621,#0d1119);color:var(--text);text-align:left;cursor:pointer;position:relative;transition:border-color .18s,box-shadow .18s}.role-picker-trigger:hover,.role-picker.is-open .role-picker-trigger{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.role-picker-trigger>svg{position:absolute;right:14px;width:18px;height:18px;fill:none;stroke:#8f96a7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.role-picker.is-open .role-picker-trigger>svg{transform:rotate(180deg)}.role-picker-selection{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.role-picker-placeholder{color:#777f91;font-size:13px}.role-picker.has-selection .role-picker-placeholder{display:none}.role-chip{display:inline-flex;align-items:center;max-width:170px;padding:5px 8px;border:1px solid rgba(124,92,255,.3);border-radius:7px;background:rgba(124,92,255,.11);color:#d9d2ff;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-picker-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,100%);z-index:20;border:1px solid #343b4c;border-radius:14px;background:#11151e;box-shadow:0 22px 60px rgba(0,0,0,.48);overflow:hidden}.role-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid var(--border);font-size:12px}.role-picker-head button{border:0;background:none;color:var(--accent-2);font-size:11px;cursor:pointer}.role-picker-options{max-height:260px;overflow-y:auto;padding:7px}.role-picker-options label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;cursor:pointer;font-size:13px}.role-picker-options label:hover{background:#191e2a}.role-picker-options input{position:absolute;opacity:0;pointer-events:none}.role-check{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;border:1px solid #41495b;border-radius:6px;color:transparent;font-size:11px}.role-picker-options input:checked+.role-check{border-color:var(--accent);background:var(--accent);color:#fff}.role-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-picker-empty{padding:16px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:620px){.role-picker-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-height:70vh}.role-picker-options{max-height:50vh}}