/* Dirtech sobre o Elastic — moldura marinho, conteúdo claro, azul-claro como destaque. */

/* ---------- Login (mesma composição do tema anterior) ---------- */
body.task-login {
	background: linear-gradient(160deg, #0b1630 0%, #0f2747 55%, #143a66 100%) fixed;
}
body.task-login #layout-content {
	background: transparent;
	color: #e2e8f0;
}
body.task-login #logo {
	max-height: 58px;
	width: auto;
	margin: 0 auto 64px;
}
body.task-login #login-form {
	position: relative;
	width: 420px;
	max-width: calc(100vw - 32px);
	margin: 0 auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(2, 10, 28, .45);
	padding: 30px 30px 26px;
	color: #334155;
}
/* "WEBMAIL" entre o logo e o cartão */
body.task-login #login-form::before {
	content: "WEBMAIL";
	position: absolute;
	left: 0;
	right: 0;
	top: -44px;
	text-align: center;
	font-weight: 600;
	letter-spacing: .22em;
	font-size: 15px;
	color: #8fd3ff;
}
/* Assinatura abaixo do cartão */
body.task-login #login-form::after {
	content: "Dirtech Tecnologia";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -42px;
	text-align: center;
	font-size: 12px;
	letter-spacing: .04em;
	color: #7f9cbf;
}
body.task-login #login-form input.form-control {
	height: 44px;
	border-radius: 10px;
	background: #f8fafc;
	border-color: #cbd5e1;
}
body.task-login #login-form input.form-control:focus {
	background: #fff;
	border-color: #38b6ff;
	box-shadow: 0 0 0 3px rgba(56, 182, 255, .25);
}
body.task-login #rcmloginsubmit {
	height: 46px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #38b6ff 0%, #0284c7 100%);
	font-weight: 600;
	box-shadow: 0 8px 20px rgba(2, 132, 199, .35);
}
body.task-login #login-footer,
body.task-login .support-link { display: none; }

/* ---------- Menu lateral (moldura) ---------- */
#layout-menu {
	background: linear-gradient(180deg, #0b1630 0%, #102a4f 100%);
}
#layout-menu .popover-header,
#layout-menu #logo { background: transparent; }
#layout-menu .menu a,
#layout-menu .menu a:before {
	color: #cbd5e1;
}
#layout-menu .menu a:hover,
#layout-menu .menu a:focus { color: #fff; background: rgba(255, 255, 255, .06); }
#layout-menu .menu a.selected,
#layout-menu .menu a.selected:before {
	color: #38b6ff;
	background: rgba(56, 182, 255, .14);
}

/* ---------- Destaques ---------- */
a, .link { color: #0284c7; }
.btn-primary,
.btn.btn-primary,
a.button.compose,
.toolbar a.compose,
#messagetoolbar a.compose {
	background-color: #0284c7;
	border-color: #0284c7;
	color: #fff;
}
.btn-primary:hover,
.btn.btn-primary:hover { background-color: #0369a1; border-color: #0369a1; }

/* Item selecionado nas listas */
.listing li.selected,
.listing tr.selected td,
.listing li.selected > a,
table.records-table tr.selected td {
	background-color: #e0f2fe;
}
.listing li.selected > a,
.listing tr.selected td { color: #0c4a6e; }

/* Contador de não lidas */
.listing li .unreadcount {
	background-color: #38b6ff;
	color: #0b1630;
}

/* Foco dos campos */
.form-control:focus,
.custom-select:focus {
	border-color: #38b6ff;
	box-shadow: 0 0 0 .2rem rgba(56, 182, 255, .25);
}

/* Ícones dos campos do login integrados ao campo */
body.task-login #login-form .input-group-text {
	background: #f1f5f9;
	border-color: #cbd5e1;
	color: #0284c7;
	border-radius: 10px 0 0 10px;
}
body.task-login #login-form .input-group > input.form-control {
	border-radius: 0 10px 10px 0;
}

/* Atalhos Cc / Cco na linha do "Para" */
#compose_to .input-group-append a.dirtech-hdr {
	font-size: 13px;
	font-weight: 600;
	color: #0284c7;
	padding: 0 .7rem;
	text-decoration: none;
}
#compose_to .input-group-append a.dirtech-hdr:hover { background: #e0f2fe; }
#compose_to .input-group-append a.dirtech-hdr.hidden { display: none; }

/* Logo do menu lateral um pouco maior */
#layout-menu #logo { max-width: 92%; max-height: 34px; margin: 12px auto; }