/* Accent recolor for the PJH child skin. Colors only, no layout changes. Based on Elastic (CC BY-SA 3.0). */
html:not(.dark-mode) .btn.btn-primary,
html:not(.dark-mode) .btn.btn-primary:not(:disabled):not(.disabled) {
	background-color: #184b48;
	border-color: #184b48;
	color: #f6f5ef;
}

html:not(.dark-mode) .btn.btn-primary:hover,
html:not(.dark-mode) .btn.btn-primary:focus {
	background-color: #142d2a;
	border-color: #142d2a;
}

html:not(.dark-mode) .form-control:focus {
	border-color: #184b48;
	box-shadow: 0 0 0 0.2rem rgba(24, 75, 72, 0.25);
}

html:not(.dark-mode) body.task-login {
	background-color: #fbfaf6;
}

html:not(.dark-mode) body.task-login #logo {
	max-height: 96px;
	width: auto;
}

/* Mail surfaces. Light mode only: dark mode keeps stock Elastic colors. */
html:not(.dark-mode) #layout-menu {
	background-color: #142d2a;
}

html:not(.dark-mode) #layout-menu a {
	color: #f6f5ef;
}

html:not(.dark-mode) #layout-menu #taskmenu a:hover,
html:not(.dark-mode) #layout-menu #taskmenu a:focus {
	background-color: #184b48;
}

html:not(.dark-mode) #layout-menu #taskmenu a.selected {
	background-color: #e1e5bd;
	color: #142d2a;
}

html:not(.dark-mode) #layout-menu :focus-visible {
	outline: 2px solid #e1e5bd;
	outline-offset: -2px;
}

html:not(.dark-mode) #layout-sidebar,
html:not(.dark-mode) #layout-list {
	background-color: #f6f5ef;
}

html:not(.dark-mode) #layout-content {
	background-color: #fbfaf6;
}

html:not(.dark-mode) #layout-content a:not(.button):not(.btn):not(.disabled) {
	color: #184b48;
}

html:not(.dark-mode) #layout-sidebar .listing .selected,
html:not(.dark-mode) #layout-sidebar .listing .selected > a,
html:not(.dark-mode) #layout-list .listing .selected,
html:not(.dark-mode) #messagelist tr.selected td {
	background-color: #184b48;
	color: #f6f5ef;
}

html:not(.dark-mode) #layout-sidebar .selected a,
html:not(.dark-mode) #layout-sidebar .selected span,
html:not(.dark-mode) #layout-list .selected a,
html:not(.dark-mode) #layout-list .selected span {
	color: #f6f5ef;
}

html:not(.dark-mode) #layout-sidebar .unreadcount {
	background-color: #184b48;
	color: #f6f5ef;
}

html:not(.dark-mode) #layout-sidebar .selected .unreadcount {
	background-color: #e1e5bd;
	color: #142d2a;
}

html:not(.dark-mode) #layout a:focus-visible,
html:not(.dark-mode) #layout button:focus-visible,
html:not(.dark-mode) #layout input:focus-visible {
	outline: 2px solid #184b48;
	outline-offset: 2px;
}

@media (max-width: 599px) {
	html:not(.dark-mode) #layout-menu #taskmenu a {
		min-height: 44px;
	}
}