:root {
	--elshahederp-navy: #0a3d62;
	--elshahederp-green: #12796d;
	--elshahederp-page: #f6f8fa;
	--elshahederp-border: #e6ebf0;
}

.elshahederp-desk .page-container {
	background: var(--elshahederp-page);
}

.elshahederp-desk .page-head {
	background: transparent;
}

.elshahederp-desk .navbar,
.elshahederp-desk .standard-sidebar,
.elshahederp-desk .desk-sidebar {
	background: #fff;
}

.elshahederp-desk .navbar {
	border-bottom: 1px solid var(--elshahederp-border);
	box-shadow: 0 2px 12px rgb(15 23 42 / 4%);
}

.elshahederp-desk .workspace,
.elshahederp-desk .layout-main-section,
.elshahederp-desk .form-page .form-section,
.elshahederp-desk .widget,
.elshahederp-desk .shortcut-widget-box,
.elshahederp-desk .number-card {
	border: 1px solid var(--elshahederp-border);
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 3px 14px rgb(15 23 42 / 4%);
}

.elshahederp-desk .page-head .page-title,
.elshahederp-desk .page-head .title-text,
.elshahederp-desk .section-head {
	color: var(--elshahederp-navy);
}

.elshahederp-desk .btn-primary,
.elshahederp-desk .btn-primary:focus {
	border-color: var(--elshahederp-green);
	background: var(--elshahederp-green);
}

.elshahederp-desk .btn-primary:hover {
	border-color: #0f645b;
	background: #0f645b;
}

.elshahederp-desk .form-control:focus,
.elshahederp-desk .awesomplete input:focus {
	border-color: var(--elshahederp-green);
	box-shadow: 0 0 0 2px rgb(18 121 109 / 12%);
}

.elshahederp-desk .list-row-head {
	border-radius: 8px;
	background: #eef3f6;
	color: #334155;
	font-weight: 700;
}

.elshahederp-desk .list-row-container {
	border-bottom-color: #edf1f5;
}

.elshahederp-desk .list-row-container:hover {
	background: #f5f9fa;
}

.for-login.elshahed-login-layout {
	display: grid;
	width: min(100% - 32px, 980px);
	min-height: 560px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
	margin: 6vh auto;
	overflow: hidden;
	border: 1px solid var(--elshahederp-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 70px rgb(10 61 98 / 14%);
}

.elshahed-login-brand-panel {
	position: relative;
	display: flex;
	min-height: 560px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(32px, 6vw, 68px);
	overflow: hidden;
	background: linear-gradient(145deg, var(--elshahederp-navy), #082f4a);
	color: #fff;
}

.elshahed-login-brand-panel img {
	width: min(100%, 270px);
	max-height: 66px;
	margin-bottom: 36px;
	object-fit: contain;
	object-position: left center;
	filter: brightness(0) invert(1);
}

.elshahed-login-brand-panel h1 {
	margin: 0 0 12px;
	color: #fff;
	font-size: clamp(26px, 4vw, 38px);
	font-weight: 750;
}

.elshahed-login-brand-panel p {
	max-width: 360px;
	margin: 0;
	color: rgb(255 255 255 / 82%);
	font-size: 16px;
	line-height: 1.9;
}

.elshahed-login-accent {
	position: absolute;
	right: -55px;
	bottom: -85px;
	width: 240px;
	height: 240px;
	border: 32px solid rgb(18 121 109 / 65%);
	border-radius: 50%;
}

.elshahed-login-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: clamp(24px, 5vw, 52px);
}

.elshahed-login-content .page-card {
	width: 100%;
	max-width: 400px;
	border: 0;
	box-shadow: none;
}

.elshahed-login-content .page-card-head h4 {
	color: var(--elshahederp-navy);
	font-size: 23px;
	font-weight: 700;
}

.elshahed-login-content .btn-login {
	min-height: 44px;
	border-color: var(--elshahederp-green);
	border-radius: 8px;
	background: var(--elshahederp-green);
	font-weight: 700;
}

.elshahed-login-content .btn-login:hover {
	border-color: #0f645b;
	background: #0f645b;
}

.elshahed-login-content .form-control {
	min-height: 44px;
	border-radius: 8px;
}

@media (max-width: 700px) {
	.for-login.elshahed-login-layout {
		width: min(100% - 24px, 480px);
		min-height: auto;
		grid-template-columns: minmax(0, 1fr);
		margin: 3vh auto;
	}

	.elshahed-login-brand-panel {
		min-height: 220px;
		padding: 28px;
	}

	.elshahed-login-brand-panel img {
		width: 190px;
		max-height: 48px;
		margin-bottom: 20px;
	}

	.elshahed-login-brand-panel h1 {
		font-size: 25px;
	}

	.elshahed-login-brand-panel p {
		font-size: 14px;
	}

	.elshahed-login-content {
		padding: 20px;
	}
}