/* Component: Login Page
 * Scope: ONLY styles unique to login view.
 * Promotion Rule: If a selector is reused in 2+ components, move it to design-system.css
 */
.login-page { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--color-bg-light) 0%, #e3f2fd 100%); }
.login-card { width:90%; max-width:480px; border-radius:var(--border-radius-lg); }
.login-card-header { background-color: var(--color-bg); }
.login-logo { height:80px; max-width:100%; }

/* Select2 Overrides (scoped to login for now) */
.select2-container--default .select2-selection--single {
	height: 42px; /* approximate .form-select height */
	padding: 6px 12px;
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-md);
	display: flex;
	align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.4;
	color: var(--color-text);
	padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 8px; }
.select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
	outline: none;
}
.select2-dropdown { border-color: var(--color-border); }
.select2-results__option--highlighted.select2-results__option--selectable { background: var(--color-primary); }
.login-card .select2-invalid .select2-selection { border-color: var(--color-danger) !important; }