/* Demo controls stay inside the selector opened from auth or settings. */
.demo-role-options,.demo-profile-list{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.demo-profile-list{flex-direction:column}
.demo-profile-list button{display:flex;align-items:center;gap:12px;text-align:left}
.demo-profile-list img{width:48px;height:48px;flex:none;object-fit:cover;border-radius:50%}
.demo-profile-list button>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.demo-profile-list small{font-size:12px;line-height:1.4;color:var(--es-muted,#BAB3CA)}
.demo-role-options button,.demo-profile-list button{min-height:44px;border:1px solid var(--es-line,#413951);border-radius:8px;padding:8px 16px;background:var(--es-panel,#15121D);color:var(--es-ink,#F4F2F7);font:inherit;cursor:pointer}
.demo-role-options button[aria-pressed="true"]{background:#7657FF;color:#FFFFFF}
.demo-empty{line-height:1.6;color:var(--es-muted,#BAB3CA)}
.demo-role-options button:focus-visible,.demo-profile-list button:focus-visible{outline:2px solid #956FFF;outline-offset:3px}
.demo-profile-list img.demo-brand-logo{object-fit:contain;background:#f4f5f0;padding:4px;border-radius:10px}