.presentation-roles[hidden], #credentials-panel[hidden] { display: none; }
.presentation-roles { margin-top: 24px; }
.presentation-roles .role-card { min-height: 68px; text-decoration: none; }
.role-avatar { width: 44px; height: 44px; flex: none; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 14px; font-weight: 700; }
.role-avatar-regional { background: #2585ea; }
.role-avatar-leader { background: #7054ff; }
.role-avatar-prosecutor { background: #389c43; }
.role-avatar-foreign { background: #bd870e; }
.role-avatar-admin { background: #697480; }
.role-back { display: inline-block; margin-top: 18px; color: var(--accent); font-size: 13px; }
.selected-role { margin: 14px 0 18px; color: var(--text-soft); font-size: 14px; }
.role-enter { animation: role-enter 260ms ease-out both; }
@keyframes role-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .role-enter { animation: none; } }