/* (C) Pan Aero LLC - LoginAs.css: header user menu > "Log in As" dialog (js-src/LoginAs.js) */

#loginAsDialog{
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.loginAs-top{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.loginAs-filter{
	flex: 1 1 auto;
	height: 30px;
	padding: 0 10px;
	font-size: 13px;
	border: 1px solid #8f959e;
	border-radius: 4px;
	outline: none;
}

.loginAs-filter:focus{
	border-color: #3c7dc4;
}

.loginAs-cnt{
	flex: 0 0 auto;
	font-size: 12px;
	color: #666;
	min-width: 60px;
	text-align: right;
}

.loginAs-note{
	font-size: 12px;
	color: #7a5a00;
	background: #fff6d6;
	border: 1px solid #e8d48a;
	border-radius: 4px;
	padding: 6px 8px;
	margin-bottom: 6px;
}

.loginAs-list{
	flex: 1 1 auto;
	overflow-y: auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.loginAs-row{
	display: grid;
	grid-template-columns: 2fr 1fr 1.3fr 2fr;
	gap: 8px;
	padding: 6px 8px;
	font-size: 12.5px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	user-select: none;
}

.loginAs-row:hover{
	background: #eef4fb;
}

.loginAs-row.loginAs-selected{
	background: #3c7dc4;
	color: #fff;
}

.loginAs-row > div{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.loginAs-name{
	font-weight: bold;
}

.loginAs-usr{
	font-family: "Courier New", monospace;
}

.loginAs-pos,
.loginAs-mail{
	color: #555;
}

.loginAs-row.loginAs-selected .loginAs-pos,
.loginAs-row.loginAs-selected .loginAs-mail{
	color: #e8f0fa;
}

.loginAs-empty{
	padding: 20px;
	text-align: center;
	color: #777;
	font-size: 13px;
}