/* === Thème Cellal Jannde — webmail.cellaljande.org === */
/* Palette site : marine #0A3C55 / #14262F, orange #F19C32, vert #256F4E, crème #F2F6F8 */

/* ---------- Page de connexion ---------- */
body.task-login {
	background:
		radial-gradient(1100px 500px at 85% -10%, rgba(241,156,50,.16), transparent 60%),
		radial-gradient(900px 500px at -10% 110%, rgba(37,111,78,.25), transparent 55%),
		linear-gradient(160deg, #0A3C55 0%, #14262F 100%);
	background-attachment: fixed;
}

body.task-login #layout-content {
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* Logo emblème */
body.task-login #logo {
	display: block;
	margin: 4vh auto 2.5rem;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #F2F6F8;
	padding: 6px;
	box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 0 4px rgba(241,156,50,.35);
}

/* Carte du formulaire */
body.task-login #login-form {
	background: rgba(255,255,255,.97);
	border-radius: 16px;
	padding: 2rem 2.4rem;
	max-width: 420px;
	margin: 0 auto;
	box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

body.task-login #login-form .propform td,
body.task-login #login-form .propform tr {
	display: block;
	width: 100%;
}

body.task-login #login-form .propform td.title {
	padding-bottom: .35rem;
	font-weight: 600;
	color: #0A3C55;
	font-size: .95rem;
}

body.task-login #login-form input.form-control,
body.task-login #login-form input[type="text"],
body.task-login #login-form input[type="password"],
body.task-login #login-form input[type="email"] {
	width: 100% !important;
	border: 1.5px solid #cfdbe2;
	border-radius: 10px;
	padding: .75rem 1rem;
	font-size: 1rem;
	margin-bottom: 1rem;
	transition: border-color .2s, box-shadow .2s;
}

body.task-login #login-form input:focus {
	border-color: #F19C32;
	box-shadow: 0 0 0 3px rgba(241,156,50,.25);
	outline: none;
}

/* Bouton de connexion */
body.task-login #login-form button.submit,
body.task-login #login-form input.button.submit,
body.task-login #login-form button.mainaction,
body.task-login #login-form a.button.submit {
	display: block;
	width: 100%;
	background: #F19C32;
	border: none;
	border-radius: 10px;
	color: #14262F;
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: .8rem 1rem;
	margin-top: .5rem;
	cursor: pointer;
	transition: background .2s, transform .15s, box-shadow .2s;
}

body.task-login #login-form button.submit:hover,
body.task-login #login-form input.button.submit:hover,
body.task-login #login-form button.mainaction:hover {
	background: #B8650C;
	color: #fff;
	box-shadow: 0 6px 18px rgba(184,101,12,.45);
	transform: translateY(-1px);
}

/* Pied de page connexion */
body.task-login #login-footer {
	text-align: center;
	margin-top: 1.4rem;
	color: #4F6472;
	font-size: .9rem;
}

body.task-login #login-footer a {
	color: #F19C32;
	font-weight: 600;
}

/* Bannière titre au-dessus du logo */
body.task-login #layout::before {
	content: "Cellal Jannde";
	position: absolute;
	top: 3vh;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2rem;
	font-weight: 800;
	color: #F2F6F8;
	letter-spacing: .02em;
}

body.task-login #layout::after {
	content: "Webmail — ONG Santé & Éducation Digitale";
	position: absolute;
	top: calc(3vh + 2.8rem);
	left: 0;
	right: 0;
	text-align: center;
	font-size: .95rem;
	color: rgba(242,246,248,.75);
}

/* ---------- Intérieur (après connexion) ---------- */

/* Accent sur les boutons principaux */
.button.btn-primary,
button.submit,
#mainaction,
a.button.btn-primary {
	--btn: #F19C32;
}

/* Barre supérieure : légère teinte marine sur le logo */
#topnav #logo,
#layout-sidebar #logo,
img#logo {
	border-radius: 10px;
}

/* Liens et sélections : marine de la marque */
a {
	color: #0A3C55;
}

a:hover {
	color: #B8650C;
}

.listing tbody tr.selected,
.listing li.selected,
#messagelist tbody tr.selected {
	background-color: #FCEBD6 !important;
}

/* Barre de recherche focus */
.searchbar input:focus {
	border-color: #F19C32;
	box-shadow: 0 0 0 3px rgba(241,156,50,.22);
}

/* Menu latéral : dossier actif */
#mailboxlist li.selected > a,
#taskmenu a.selected {
	color: #B8650C;
	font-weight: 600;
}

/* Badge non-lus orange */
#mailboxlist .unreadcount {
	background: #F19C32;
	color: #14262F;
}