/* Écrans de connexion GestInfo — préfixe technique dla. */

/* Bouton « Se connecter avec Microsoft » : charte Microsoft (logo quatre carrés, texte gris foncé). */
.dla-btn-microsoft {
	gap: .75rem;
	color: #5e5e5e;
	font-weight: 600;
}

.dla-btn-microsoft:hover {
	color: #3b3b3b;
}

.dla-microsoft-logo {
	flex-shrink: 0;
}

.dla-microsoft-logo .dla-red { fill: #f25022; }
.dla-microsoft-logo .dla-green { fill: #7fba00; }
.dla-microsoft-logo .dla-blue { fill: #00a4ef; }
.dla-microsoft-logo .dla-yellow { fill: #ffb900; }

/* Application installée : le fond est bleu marine (app.css, pour la barre d'état de l'iPhone). Le logo et
   les textes posés sur ce fond passent en clair, comme dans le menu de l'application ; la carte garde
   son fond blanc. */
@media (display-mode: standalone) {
	.dla-login-outside .gi-brand-light,
	.dla-login-outside .gi-brand-light:hover,
	.dla-login-outside .gi-brand-light:focus {
		color: #fff;
		--gi-accent: #4b93e8;
	}
	.dla-login-outside.text-secondary,
	.dla-login-outside .text-secondary {
		color: rgba(255, 255, 255, .7) !important;
	}
}