/* Stage 3 — role-based UX refinement */
.role-context{display:flex;flex-direction:column;line-height:1.05;min-width:95px;padding:0 4px}.role-context small{font-size:9px;letter-spacing:.09em;color:var(--muted,#667085)}.role-context b{font-size:12px;color:var(--text,#1d2939);margin-top:3px}
.stage3-role-workbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;margin:0 0 16px;border:1px solid rgba(80,70,140,.16);border-radius:14px;background:linear-gradient(135deg,rgba(111,78,145,.075),rgba(255,255,255,.96));box-shadow:0 5px 18px rgba(31,25,55,.04)}.stage3-role-workbar>div:first-child{display:grid;gap:2px}.stage3-role-workbar small{font-size:10px;letter-spacing:.1em;font-weight:800;color:#65527e}.stage3-role-workbar b{font-size:15px}.stage3-role-workbar span{font-size:12px;color:var(--muted,#667085)}.stage3-role-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stage3-role-actions button{border:1px solid rgba(80,70,140,.18);background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;cursor:pointer}.stage3-role-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(31,25,55,.08)}
#nav .nav-group.role-primary{border:1px solid rgba(111,78,145,.2);background:rgba(111,78,145,.055);border-radius:12px;margin-bottom:9px}#nav .nav-group.role-primary>summary span{font-weight:900;color:#59446e}#nav .nav-group.role-primary .nav-group-items a:first-child{font-weight:800}
@media(max-width:900px){.role-context{display:none}.stage3-role-workbar{align-items:flex-start;flex-direction:column}.stage3-role-actions{justify-content:flex-start}}