/* Personnalisations du thème Deshaies, reprises de l'ancien thème (Roundcube 1.4) */

/* Page de connexion : image de fond tournante (variable posée par login.html),
   formulaire en verre dépoli. Le fond d'Elastic, y compris en mode sombre,
   recouvrirait l'image : on le force en transparent. */
body.task-login #layout-content,
html.dark-mode body.task-login #layout-content {
	background-color: transparent !important;
}
body.task-login {
	position: relative;
	z-index: 0;
}
body.task-login::before {
	content: "";
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: var(--deshaies-bg);
	background-size: cover;
	background-position: center;
	opacity: .4;
	z-index: -1;
	pointer-events: none;
}
#login-form {
	padding: 20px;
	background: rgba(255, 255, 255, .4);
	backdrop-filter: blur(5px);
	box-shadow: 0 0 10px #0008;
	border-radius: 10px;
}
.task-login #logo {
	top: 0 !important;
	padding: 25px;
}

/* Menu principal */
#taskmenu .compose {
	margin-bottom: 40px;
}
#taskmenu .selected {
	color: #ffd452 !important;
}

/* Liste des messages (mode clair uniquement, le mode sombre garde les couleurs d'Elastic) */
html:not(.dark-mode) .listing li.selected,
html:not(.dark-mode) .listing tr.selected td {
	color: #2c363a;
	background-color: #fff7de;
}
html:not(.dark-mode) tr.message.unread {
	background: linear-gradient(#b0e7ff, #f6fcff);
}
html:not(.dark-mode) tr.message.unread:hover {
	background: #fff6de;
}
html:not(.dark-mode) tr.message.unread .adr {
	color: black;
}