body.authica-admin-ui-page,
body.authica-admin-ui-page #wpcontent,
body.authica-admin-ui-page #wpbody,
body.authica-admin-ui-page #wpbody-content,
body.authica-admin-ui-page #wpfooter{
	background: var(--authica-admin-page-bg) !important;
}

body.authica-admin-ui-page #wpbody-content{
	padding-bottom: 24px;
}

body.authica-admin-ui-page #wpfooter,
body.authica-admin-ui-page #wpfooter p,
body.authica-admin-ui-page #wpfooter a,
body.authica-admin-ui-page #wpfooter #footer-left,
body.authica-admin-ui-page #wpfooter #footer-upgrade{
	font-size: var(--authica-ui-type-body-size, 13px);
	line-height: var(--authica-ui-type-body-line, 1.45);
	font-weight: var(--authica-ui-type-body-weight, 400);
	color: var(--authica-admin-muted) !important;
}

body.authica-admin-ui-page #wpfooter a{
	color: var(--authica-admin-accent) !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login *{
	box-sizing: border-box;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login{
	margin: 0;
	padding: 40px 40px 30px 20px;
	background: transparent !important;
	--authica-content-max: 1100px;
}

:is(
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-stack,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-cta,
	body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login > .notice
){
	width: min(var(--authica-content-max, 1100px), calc(100% - 80px));
	max-width: var(--authica-content-max, 1100px);
	margin-left: auto !important;
	margin-right: auto !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	column-gap: 16px;
	margin-bottom: 24px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead .authica-ui-page-title{
	margin: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__subtitle{
	margin: 6px 0 0;
	max-width: none;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__subtitle a{
	word-break: break-all;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__callout{
	margin-top: 14px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__actions{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin-top: 15px;
	white-space: nowrap;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-back-button{
	flex: 0 0 30px;
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;
	padding: 0 !important;
	gap: 0 !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-stack{
	display: grid;
	gap: 16px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-card,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-card .authica-ui-card__body{
	overflow: visible;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-form{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field{
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	column-gap: 18px;
	align-items: start;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field--toggle{
	align-items: start;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field__label{
	display: block;
	margin: 0;
	padding-top: 6px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field--toggle .authica-hide-login-field__label{
	padding-top: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field__control{
	min-width: 0;
	max-width: 620px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field__control--wide{
	max-width: 760px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field__help{
	margin: 8px 0 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-toggle{
	display: inline-flex;
	align-items: center;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-mode-select.authica-ui-control-shell,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-page-select.authica-ui-control-shell,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-slug-shell.authica-ui-control-shell{
	width: 400px !important;
	min-width: 400px !important;
	max-width: 400px !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-inline-control{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-inline-control > .authica-ui-control-shell{
	flex: 1 1 auto;
	min-width: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-copy-button{
	flex: 0 0 84px;
	width: 84px !important;
	min-width: 84px !important;
	max-width: 84px !important;
	white-space: nowrap;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-final-urls-field{
	margin-top: 8px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-list{
	display: grid;
	gap: 8px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-pill{
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 30px;
	padding: 4px 12px;
	border: 0;
	border-radius: var(--authica-admin-radius-tl) var(--authica-admin-radius-tr) var(--authica-admin-radius-br) var(--authica-admin-radius-bl);
	background: var(--authica-ui-select-option-selected-bg);
	color: var(--authica-ui-control-text);
	font-size: 13px;
	line-height: 1.45;
	font-weight: 400;
	word-break: break-all;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-row__meta{
	margin: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-actions{
	display: flex;
	grid-column: 1 / -1;
	justify-content: flex-start;
	padding-top: 4px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-save-button{
	flex: 0 0 110px;
	width: 110px !important;
	min-width: 110px !important;
	max-width: 110px !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-cta{
	margin-top: 16px;
}

body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login > .notice{
	margin-top: 0;
	margin-bottom: 16px;
}

@media (max-width: 1260px){
	:is(
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-stack,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-cta,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login > .notice
	){
		width: min(var(--authica-content-max, 1100px), calc(100% - 40px));
	}
}

@media (max-width: 900px){
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-field{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 8px;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-row{
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 6px;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-row__meta{
		display: block;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-url-pill{
		width: 100%;
	}
}

@media (max-width: 782px){
	body.authica-admin-ui-page #wpcontent,
	body.authica-admin-ui-page #wpfooter{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login{
		padding: 20px 10px 0 10px;
	}

	:is(
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-stack,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-cta,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login > .notice
	){
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead{
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
		column-gap: 12px;
		row-gap: 0;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__actions{
		justify-content: flex-end;
		align-self: start;
		margin-top: 0;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-pagehead__subtitle{
		margin-bottom: 14px;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-inline-control{
		flex-wrap: wrap;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-inline-control > .authica-ui-control-shell,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-copy-button{
		width: 100%;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-mode-select.authica-ui-control-shell,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-page-select.authica-ui-control-shell,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--hide-login .authica-hide-login-slug-shell.authica-ui-control-shell{
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}
