/* Generiert aus dem DocType 'Helpdesk Branding' -- NICHT von Hand
 * editieren. Aenderungen ueber: Desk -> Helpdesk Branding. */

.btn-authentik {
	background: linear-gradient(135deg, #e7334a, #8d1b2e) !important;
	border-color: #8d1b2e !important;
	color: #fff !important;
	font-weight: 600;
}
.btn-authentik:hover,
.btn-authentik:focus,
.btn-authentik:active {
	filter: brightness(0.92);
	color: #fff !important;
	box-shadow: none;
}
body[data-path="login"] {
	background: linear-gradient(to bottom right, #e7334a, #8d1b2e) !important;
}
body[data-path="login"]::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url("/assets/itsdave_helpdesk/images/pills.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 130%;
	opacity: 0.5;
}
body[data-path="login"] .app-logo {
	filter: brightness(0) invert(1);
}
body[data-path="login"] .page-card-head h4 {
	color: #fff;
}
body[data-path="login"] .page-card {
	background: #fff;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
body[data-path="login"] main {
	position: relative;
	z-index: 1;
}