/* ESFNA remembered-account chip — reuses --esfna-* tokens already on the login page. */
#login .esfna-pk-chipwrap { margin-top: var(--esfna-spacing-md); }

#login .esfna-pk-chip {
	display: flex; align-items: center; gap: var(--esfna-spacing-md);
	width: 100%; box-sizing: border-box;
	background: var(--esfna-body-bg-color);
	border: 1px solid var(--esfna-border-color);
	border-radius: var(--esfna-border-radius-lg);
	padding: var(--esfna-spacing-md);
	cursor: pointer; text-align: left;
	font-family: var(--esfna-font-family-body);
	transition: var(--esfna-transition-base);
}
#login .esfna-pk-chip:hover, #login .esfna-pk-chip:focus {
	border-color: var(--esfna-primary-color);
	box-shadow: var(--esfna-box-shadow-soft);
	outline: none;
}
#login .esfna-pk-avatar {
	flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%;
	background: var(--esfna-primary-color); color: var(--esfna-text-color-light);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--esfna-font-family-heading); font-weight: 700; font-size: 18px; line-height: 1;
}
#login .esfna-pk-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
#login .esfna-pk-name {
	font-family: var(--esfna-font-family-heading); font-weight: 700; font-size: 18px;
	color: var(--esfna-text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#login .esfna-pk-sub { display: flex; align-items: center; gap: 6px; color: var(--esfna-text-color-muted); font-size: 14px; }
#login .esfna-pk-key { flex: 0 0 auto; }
#login .esfna-pk-chevron { flex: 0 0 auto; color: var(--esfna-text-color-muted); font-size: 22px; line-height: 1; }

#login .esfna-pk-different {
	display: block; width: 100%; margin-top: var(--esfna-spacing-md);
	background: none; border: none; cursor: pointer;
	color: var(--esfna-text-color-muted); font-family: var(--esfna-font-family-body); font-size: 15px;
	text-align: center; padding: var(--esfna-spacing-sm);
}
#login .esfna-pk-different:hover, #login .esfna-pk-different:focus { color: var(--esfna-primary-color); text-decoration: underline; outline: none; }

/* Anti-flash: hide the standard form before the chip mounts when a remembered account exists. */
html.esfna-pk-pending #loginform { display: none !important; }
