/* Messagerie ADEN — habillage de niveau « identité » (page de connexion).
   Fichier hébergé hors du paquet SOGo (/var/www/html/charte/), déclaré dans /etc/sogo/sogo.conf.
   Aucun fichier livré par l'éditeur n'est modifié : un « apt upgrade » ne touche à rien d'ici.
   Les !important sont nécessaires : le thème du produit est précompilé, couleurs en dur. */

/* Volet gauche : logotype ADEN en couleur sur fond blanc, à la place du logo du produit */
#loginContent .sg-logo img { display: none !important; }
#loginContent .sg-logo > div {
	min-height: 240px;
	background-image: url('/charte/aden-logo-couleur.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: min(78%, 420px) auto;
}

/* Volet droit : aplat Bleu Roi, libellés en réserve */
#loginContent .sg-login,
#loginContent .sg-login.md-bg { background-color: #00499A !important; }
#loginContent .sg-login,
#loginContent .sg-login label,
#loginContent .sg-login input,
#loginContent .sg-login md-icon,
#loginContent .sg-login .md-select-value,
#loginContent .sg-login md-checkbox .md-label { color: #FFFFFF !important; }
#loginContent .sg-login input { border-bottom-color: rgba(255,255,255,.7) !important; }
#loginContent .sg-login md-input-container.md-input-focused label { color: #1DB9DE !important; }

/* Bouton de validation : le vert du produit est réservé aux messages de succès.
   Sur l'aplat bleu, le bouton passe en réserve avec la flèche en Bleu Roi. */
#loginContent .sg-login .md-button.md-fab,
#loginContent .sg-login button.md-fab { background-color: #FFFFFF !important; }
#loginContent .sg-login .md-button.md-fab md-icon,
#loginContent .sg-login button.md-fab md-icon { color: #00499A !important; }

/* Nom du service sous le logotype (volet gauche) */
#loginContent .sg-logo {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}
#loginContent .sg-logo::after {
	content: "Messagerie ADEN";
	display: block;
	text-align: center;
	color: #00499A;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .01em;
	margin: 4px 16px 0;
}

/* Écran de confirmation de connexion (« Bienvenue … »).

   Le fond est posé par <sg-ripple class="md-default-theme md-accent md-bg"> : c'est le cercle
   d'onde qui s'agrandit pour couvrir la zone après authentification. La classe `md-bg` n'est
   définie dans aucune feuille du produit — Angular Material calcule la couleur en JavaScript et
   la pose en style en ligne. Le générateur de surcharge, qui dérive ses règles du thème compilé,
   ne peut donc pas l'atteindre : d'où cette règle écrite à la main. Le `!important` l'emporte
   sur un style en ligne sans `!important`.

   L'état d'erreur bascule en `md-warn` (rouge) : on n'y touche pas. */
sg-ripple.md-bg.md-accent,
sg-ripple.md-default-theme.md-bg.md-accent {
	background-color: #00499A !important;
}