.role-switcher{position:relative}.role-switcher__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-width:180px}.role-switcher__trigger:hover{background-color:#f1f5f9;border-color:#cbd5e1}.role-switcher__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.role-switcher__trigger--disabled{opacity:.6;cursor:not-allowed}.role-switcher__current{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.role-switcher__role-name{font-weight:600;font-size:.875rem;color:#1e293b}.role-switcher__context-name,.role-switcher__role-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.role-switcher__context-name{font-size:.75rem;color:#64748b}.role-switcher__icon{color:#64748b;flex-shrink:0;transition:transform .2s ease}.role-switcher__icon--open{transform:rotate(180deg)}.role-switcher__dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1);z-index:99999;max-height:300px;overflow-y:auto}.role-switcher__header{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.role-switcher__options{padding:.25rem 0}.role-switcher__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.role-switcher__option:hover{background-color:#f8fafc}.role-switcher__option:focus{outline:none;background-color:#f1f5f9}.role-switcher__option--active{background-color:#eff6ff}.role-switcher__option--active:hover{background-color:#dbeafe}.role-switcher__option-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background-color:#f1f5f9;flex-shrink:0}.role-switcher__option--active .role-switcher__option-icon{background-color:#3b82f6;color:#fff}.role-switcher__option-content{flex:1;min-width:0}.role-switcher__option-role{font-weight:500;font-size:.875rem;color:#1e293b}.role-switcher__option-context{font-size:.75rem;color:#64748b;margin-top:.125rem}.role-switcher__option-check{color:#3b82f6;flex-shrink:0}.role-switcher__loading{display:flex;align-items:center;justify-content:center;padding:1rem}.role-switcher__loading-spinner{width:1.25rem;height:1.25rem;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.role-switcher__overlay-loader{position:fixed;inset:0;z-index:9999;background:rgba(17,72,123,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.role-switcher__overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:40px 56px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.role-switcher__overlay-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#11487b;border-radius:50%;animation:spin .8s linear infinite}.role-switcher__overlay-text{font-size:15px;font-weight:600;color:#11487b;margin:0;letter-spacing:.01em}.role-switcher--compact .role-switcher__trigger{padding:.375rem .75rem;min-width:140px}.role-switcher--compact .role-switcher__role-name{font-size:.8125rem}.role-switcher--compact .role-switcher__context-name{display:none}.role-switcher--single .role-switcher__trigger{cursor:default}.role-switcher--single .role-switcher__trigger:hover{background-color:#f8fafc;border-color:#e2e8f0}.role-switcher--single .role-switcher__icon{display:none}@media (max-width:640px){.role-switcher__trigger{min-width:150px;padding:.375rem .75rem}.role-switcher__role-name{font-size:.8125rem}.role-switcher__context-name{font-size:.6875rem}.role-switcher__dropdown{min-width:220px}}