/* Cyber-Hive branding — dark centered vertical login card */

html body.task-login,
body.task-login #layout,
body.task-login #layout-content .content {
	background-color: #0c1017 !important;
	background-image: none !important;
}

body.task-login {
	color: #c9d4e3;
}

/* --- карточка: центр, вертикальная, увеличенная --- */

body.task-login #layout {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

body.task-login #layout-content {
	flex: none !important;
	display: block !important;
	text-align: center;
	width: min(520px, 94vw);
	height: auto !important;
	min-height: 0 !important;
	max-height: 94vh;
	background: #07090d !important;
	border: 1px solid #26304a;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 0 60px rgba(138, 61, 255, .12);
	padding: 2rem 2.5rem;
	box-sizing: border-box;
}

/* --- гасим JS-анимацию входа (top-оффсеты RC) --- */

body.task-login #ch-banner,
body.task-login #layout-content #logo,
body.task-login #login-form {
	position: static !important;
	top: auto !important;
}

/* --- шапка: название + лого над формой --- */

body.task-login #ch-banner {
	width: min(300px, 72%);
	margin: .6rem 0 1.4rem 0;
}

body.task-login #layout-content #logo {
	max-height: 230px;
	width: auto;
	max-width: 70%;
	margin: 0 0 1.8rem 0;
}

/* --- форма --- */

body.task-login #login-form {
	width: min(360px, 100%);
	border: none;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

body.task-login #login-form table {
	width: 100%;
	border-collapse: collapse;
}

body.task-login #login-form td.title {
	display: none;
}

body.task-login #login-form td.input {
	display: flex;
	align-items: stretch;
	width: 100%;
	border: none;
	padding: 0 0 .8rem 0;
	background: transparent !important;
}

body.task-login #login-form .input-group-prepend {
	display: flex;
}

body.task-login #login-form td.input .form-control {
	flex: 1;
	border-radius: 0 8px 8px 0 !important;
}

body.task-login .propform .form-control,
body.task-login input[type="text"].form-control,
body.task-login input[type="password"].form-control {
	width: 100% !important;
	box-sizing: border-box;
	background-color: #10151f !important;
	border: 1px solid #26304a !important;
	border-radius: 8px;
	color: #e6ecf5 !important;
	padding: .65rem .9rem;
	height: auto;
}

body.task-login .propform .form-control::placeholder {
	color: #5b6a85 !important;
}

body.task-login .propform .form-control:focus {
	border-color: #8a3dff !important;
	box-shadow: 0 0 0 .2rem rgba(138, 61, 255, .25) !important;
	outline: none;
}

body.task-login .input-group-text,
body.task-login td.icon,
body.task-login td.input .icon {
	background-color: #1a2233 !important;
	border: 1px solid #26304a !important;
	border-right: none !important;
	border-radius: 8px 0 0 8px;
	color: #8bff3d !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	margin: 0;
	padding: 0;
}

body.task-login #login-form .formbuttons {
	margin-top: 1.4rem;
}

body.task-login button.mainaction,
body.task-login .button.mainaction,
body.task-login input.mainaction {
	width: 100%;
	background: linear-gradient(90deg, #8bff3d 0%, #8a3dff 100%) !important;
	border: none !important;
	border-radius: 8px;
	color: #0a0d12 !important;
	font-weight: 700;
	padding: .7rem 0;
	cursor: pointer;
}

body.task-login button.mainaction:focus,
body.task-login button.mainaction:hover {
	filter: brightness(1.1);
	box-shadow: 0 0 14px rgba(139, 255, 61, .35);
}

body.task-login #login-footer {
	margin-top: 1.2rem;
	text-align: center;
}

body.task-login #login-footer,
body.task-login #login-footer a {
	color: #6f7d95 !important;
}