.role-view-form { display: inline-flex; margin: 0; flex-shrink: 0; }
.role-view-switch { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 8px 12px; border: 1px solid #c9e2d9; border-radius: 7px; background: #edf7f2; color: #126d60; font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; white-space: nowrap; }
.role-view-switch:hover { background: #dcefe5; }
.role-view-switch:focus-visible { outline: 3px solid #70b9a6; outline-offset: 3px; }
.role-view-short { display: none; }
@media (max-width: 600px) { .role-view-label { display: none; } .role-view-short { display: inline; } .role-view-switch { padding: 8px; font-size: 11px; gap: 6px; } }