/* Authica WAF page: layout only. Shared control visuals live in UI Core. */
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--waf,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf *{
	box-sizing: border-box;
}

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

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf.authica-dashboard-preload{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf.authica-dashboard-ready{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .14s ease;
}

:is(
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-pagehead,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs-row,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stack,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-cta,
	body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .notice,
	body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .updated,
	body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .error
){
	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--waf .authica-waf-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--waf .authica-waf-pagehead .authica-ui-page-title{
	margin: 0;
}

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

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-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--waf .authica-waf-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--waf .authica-waf-tabs-row{
	position: relative;
	z-index: 20;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 16px !important;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs{
	display: inline-flex;
	width: -moz-fit-content;
	width: fit-content !important;
	max-width: none !important;
	margin: 0;
	overflow-x: auto;
	flex: 0 0 auto;
	white-space: nowrap;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs .authica-ui-tabs__item{
	flex: 0 0 auto;
	min-width: 0;
	padding-left: 16px;
	padding-right: 16px;
}

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


.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card__head{
	margin-bottom: 18px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card__head h2,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card__intro{
	margin-left: 0;
	margin-right: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card__head h2{
	margin-top: 0;
	margin-bottom: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card__intro{
	max-width: 820px;
	margin-top: 6px;
	margin-bottom: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-form{
	display: grid;
	gap: 18px;
	margin: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-toggle-list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-toggle-list--compact{
	grid-template-columns: minmax(0, 1fr);
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-toggle-list--rules .authica-waf-toggle:first-child{
	grid-column: 1 / -1;
	margin-bottom: 10px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-toggle{
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	min-height: 30px;
}

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

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-grid--two{
	grid-template-columns: repeat(2, 120px);
	justify-content: flex-start;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-card .authica-ui-card__body,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-form,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control{
	overflow: visible !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-ui-popup-root{
	z-index: 2147483000;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-selectbox.authica-is-open{
	z-index: 10050 !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-settings-grid{
	display: grid;
	gap: 9px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field-row{
	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--waf .authica-waf-field-row--toggle{
	align-items: center;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__label-wrap{
	min-width: 0;
}

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

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

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control{
	min-width: 0;
	max-width: 700px;
}


.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control .authica-waf-textbox-shell,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control .authica-waf-textarea-shell{
	flex: 0 1 700px;
	width: 700px !important;
	max-width: 100% !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control .authica-waf-help{
	margin: 8px 0 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field{
	display: grid;
	gap: 7px;
	min-width: 0;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__label{
	display: block;
}


.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-selectbox--compact{
	flex: 0 0 120px !important;
	width: 120px !important;
	min-width: 120px !important;
	max-width: 120px !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-selectbox--medium{
	flex: 0 0 200px !important;
	width: 200px !important;
	min-width: 200px !important;
	max-width: 200px !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-textbox-shell,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-textarea-shell{
	flex: 0 1 700px;
	width: 700px !important;
	max-width: 100% !important;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-textarea-shell,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-textarea{
	min-height: 138px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-help{
	display: block;
	margin-top: 1px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-actions{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding-top: 4px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-save-button[data-authica-ui-submit-feedback-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--waf .authica-waf-stats{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stats > div,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-rule-stat{
	border-radius: var(--authica-ui-radius, 12px);
	background: color-mix(in srgb, var(--authica-ui-secondary, currentColor) 14%, transparent);
	border: 1px solid var(--authica-ui-border, rgba(255,255,255,.14));
	padding: 14px;
	display: grid;
	gap: 6px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stats span,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-rule-stat span{
	font-size: 12px;
	opacity: .82;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stats strong,
.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-rule-stat strong{
	font-size: 22px;
	line-height: 1.1;
	font-weight: 600;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-rule-stats{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-form--reset{
	margin-top: 18px;
}

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

@media (max-width: 1100px) {
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf{
		padding: 30px 20px 90px 10px;
	}

	:is(
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-pagehead,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs-row,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stack,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-cta,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .notice,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .updated,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .error
	){
		width: min(var(--authica-content-max, 1100px), calc(100% - 20px));
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-toggle-list,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-grid--two,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field-row,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stats,
	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-rule-stats{
		grid-template-columns: minmax(0, 1fr);
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field__control{
		max-width: none;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field-row .authica-waf-field__label{
		padding-top: 0;
	}
}

@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--waf{
		padding: 20px 10px 0 10px;
	}

	:is(
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-pagehead,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs-row,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-stack,
		.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-cta,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .notice,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .updated,
		body.authica-admin-ui-page .wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf > .error
	){
		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--waf .authica-waf-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--waf .authica-waf-pagehead__actions{
		justify-content: flex-end;
		align-self: start;
		margin-top: 0;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-tabs-row{
		width: 100%;
	}

	.wrap.authica-saas-admin.authica-ui-scope.authica-saas-page--waf .authica-waf-field-row{
		row-gap: 8px;
	}
}