/* Webrox Guard premium system layer. Loaded after the legacy landing and product CSS. */

body.webrox-guard-stran {
	--wg-navy-950: #07111f;
	--wg-navy-900: #0b1627;
	--wg-navy-800: #132239;
	--wg-ink: #172033;
	--wg-text: #2e3a50;
	--wg-muted: #68768d;
	--wg-blue: #1478ff;
	--wg-blue-dark: #0c61d6;
	--wg-blue-soft: #eaf3ff;
	--wg-green: #0c9463;
	--wg-green-soft: #e9f8f1;
	--wg-amber: #b86a08;
	--wg-red: #c43d4e;
	--wg-canvas: #f4f7fb;
	--wg-surface: #ffffff;
	--wg-surface-muted: #f8fafc;
	--wg-border: #d7e1ed;
	--wg-border-strong: #b8c7da;
	--wg-radius: 8px;
	--wg-radius-sm: 6px;
	--wg-shadow-xs: 0 1px 2px rgba(7, 17, 31, .05);
	--wg-shadow-sm: 0 8px 24px rgba(7, 17, 31, .07);
	--wg-shadow-md: 0 14px 36px rgba(7, 17, 31, .09);
	--wg-space-xs: .5rem;
	--wg-space-sm: .75rem;
	--wg-space-md: 1rem;
	--wg-space-lg: 1.5rem;
	--wg-space-xl: 2rem;
	--wg-section-y: 3.5rem;
	--wg-section-head-gap: 2rem;
	--wg-panel-pad: 1.25rem;
	--wg-ease: cubic-bezier(.2, .8, .2, 1);
	--varuh-temna: var(--wg-ink);
	--varuh-tekst: var(--wg-text);
	--varuh-tiha: var(--wg-muted);
	--varuh-svetla: var(--wg-canvas);
	--varuh-svetla-2: var(--wg-blue-soft);
	--varuh-bela: var(--wg-surface);
	--varuh-crta: var(--wg-border);
	--varuh-crta-mocna: var(--wg-border-strong);
	--varuh-modra: var(--wg-blue);
	--varuh-modra-temna: var(--wg-blue-dark);
	--varuh-uspeh: var(--wg-green);
	--varuh-radius: var(--wg-radius);
	--varuh-radius-sm: var(--wg-radius-sm);
	--varuh-senca: var(--wg-shadow-xs);
	--varuh-senca-mocna: var(--wg-shadow-sm);
	color: var(--wg-text);
	background: var(--wg-surface);
	text-rendering: optimizeLegibility;
}

body.webrox-guard-stran *,
body.webrox-guard-stran *::before,
body.webrox-guard-stran *::after {
	box-sizing: border-box;
}

/* Visitor center v2: aligned with the current account command-center UI. */
body.webrox-guard-stran .varuh-traffic-center {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-traffic-center :where(h1, h2, h3, h4, p, strong, small, span, a) {
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-traffic-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	align-items: center;
	gap: clamp(2rem, 4vw, 5rem);
	min-height: 300px;
	padding: clamp(1.75rem, 3vw, 3rem) !important;
	border: 1px solid #263b58;
	border-radius: var(--wg-radius);
	color: #fff;
	background-color: var(--wg-navy-900) !important;
	background-image: linear-gradient(rgba(76, 111, 155, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(76, 111, 155, .11) 1px, transparent 1px) !important;
	background-size: 64px 64px !important;
	box-shadow: var(--wg-shadow-xs);
	overflow: hidden !important;
}

body.webrox-guard-stran .varuh-traffic-hero::after {
	position: absolute;
	right: -100px;
	bottom: -180px;
	width: 420px;
	height: 420px;
	border: 1px solid rgba(90, 147, 220, .18);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

body.webrox-guard-stran .varuh-traffic-hero-copy {
	position: relative;
	z-index: 1;
	min-width: 0;
}

body.webrox-guard-stran .varuh-traffic-hero .varuh-account-section-label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: #83b8ff;
}

body.webrox-guard-stran .varuh-traffic-hero h1 {
	max-width: 760px;
	margin: .6rem 0 .75rem;
	color: #fff;
	font-size: 3.1rem;
	line-height: 1.06;
}

body.webrox-guard-stran .varuh-traffic-hero p {
	max-width: 760px;
	margin: 0;
	color: #b9c8db;
	font-size: 1rem;
	line-height: 1.65;
}

body.webrox-guard-stran .varuh-traffic-hero-points {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem 1.1rem;
	margin-top: 1.35rem;
	color: #dbe8f8;
	font-size: .76rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-traffic-hero-points > span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}

body.webrox-guard-stran .varuh-traffic-hero-points i {
	color: #41d29a;
}

body.webrox-guard-stran .varuh-traffic-hero-visual {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(5, minmax(18px, 1fr));
	grid-template-rows: minmax(120px, 1fr) auto;
	align-items: end;
	gap: .7rem;
	height: 190px;
	padding: 2.4rem 1rem 0;
	border: 0;
	border-bottom: 1px solid #3a526f;
	border-radius: 0;
	background: transparent;
}

body.webrox-guard-stran .varuh-traffic-hero-visual::before,
body.webrox-guard-stran .varuh-traffic-hero-visual::after {
	position: absolute;
	left: 1rem;
	right: 1rem;
	height: 1px;
	content: "";
	background: rgba(124, 159, 202, .16);
}

body.webrox-guard-stran .varuh-traffic-hero-visual::before { top: 48%; }
body.webrox-guard-stran .varuh-traffic-hero-visual::after { top: 72%; }

body.webrox-guard-stran .varuh-traffic-hero-visual > i {
	position: absolute;
	top: 0;
	right: 0;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid #315074;
	border-radius: var(--wg-radius-sm);
	color: #72b2ff;
	background: #14263f;
}

body.webrox-guard-stran .varuh-traffic-hero-visual > span {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	min-height: 14px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(180deg, #45a0ff, #1478ff);
	transform-origin: bottom;
	animation: varuhTrafficPulse 4.8s ease-in-out infinite alternate;
}

body.webrox-guard-stran .varuh-traffic-hero-visual > small {
	grid-column: 1 / -1;
	padding-top: .55rem;
	color: #8fa6c2;
	font-size: .7rem;
	font-weight: 700;
	text-align: right;
}

body.webrox-guard-stran .varuh-traffic-sites {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-traffic-sites a {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 18px;
	align-items: center;
	gap: .8rem;
	min-height: 76px;
	padding: .85rem 1rem;
	color: var(--wg-text);
	background: #fff;
	text-decoration: none;
	transition: background-color .18s var(--wg-ease), color .18s var(--wg-ease), box-shadow .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-traffic-sites a + a {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-traffic-sites a:hover,
body.webrox-guard-stran .varuh-traffic-sites a:focus-visible {
	color: var(--wg-blue-dark);
	background: #f5f9ff;
}

body.webrox-guard-stran .varuh-traffic-sites a.is-current {
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
	box-shadow: inset 0 -3px var(--wg-blue);
}

body.webrox-guard-stran .varuh-traffic-sites a > i:first-child {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: #fff;
	box-shadow: inset 0 0 0 1px #d4e3f5;
}

body.webrox-guard-stran .varuh-traffic-sites span {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-traffic-sites strong {
	overflow: hidden;
	font-size: .9rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-sites small {
	color: var(--wg-muted);
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-traffic-empty {
	position: relative;
	min-height: 170px;
	padding: clamp(1.25rem, 2vw, 2rem) !important;
	border: 1px solid var(--wg-border);
	border-left: 4px solid var(--wg-blue);
	border-radius: var(--wg-radius);
	background: var(--wg-surface) !important;
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-traffic-empty .varuh-account-empty-icon {
	width: 58px;
	height: 58px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-traffic-gate,
body.webrox-guard-stran .varuh-traffic-consent,
body.webrox-guard-stran .varuh-traffic-overview,
body.webrox-guard-stran .varuh-traffic-pages,
body.webrox-guard-stran .varuh-traffic-recommendations,
body.webrox-guard-stran .varuh-traffic-breakdown {
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface) !important;
	box-shadow: var(--wg-shadow-xs);
	overflow: hidden !important;
}

body.webrox-guard-stran .varuh-traffic-gate {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.35rem;
	padding: clamp(1.25rem, 2.4vw, 2rem) !important;
	box-shadow: inset 4px 0 0 var(--wg-blue), var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-traffic-gate.is-error {
	box-shadow: inset 4px 0 0 var(--wg-red), var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-traffic-gate-icon {
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	border-radius: var(--wg-radius);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
	font-size: 1.35rem;
}

body.webrox-guard-stran .varuh-traffic-gate.is-error .varuh-traffic-gate-icon {
	color: var(--wg-red);
	background: #fff1f3;
}

body.webrox-guard-stran .varuh-traffic-gate h2,
body.webrox-guard-stran .varuh-traffic-consent h2 {
	margin: .35rem 0 .45rem;
	color: var(--wg-ink);
	font-size: 2rem;
	line-height: 1.15;
}

body.webrox-guard-stran .varuh-traffic-gate p,
body.webrox-guard-stran .varuh-traffic-consent p {
	max-width: 820px;
	margin: 0;
	color: var(--wg-muted);
	line-height: 1.6;
}

body.webrox-guard-stran .varuh-traffic-gate ul {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem 1rem;
	margin: .95rem 0 0;
	padding: 0;
	color: #52647b;
	font-size: .77rem;
	list-style: none;
}

body.webrox-guard-stran .varuh-traffic-gate li i {
	margin-right: .35rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-traffic-gate > .button {
	min-width: 180px;
	justify-content: center;
}

body.webrox-guard-stran .varuh-traffic-consent {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
	align-items: stretch;
	padding: 0 !important;
}

body.webrox-guard-stran .varuh-traffic-consent-copy {
	padding: clamp(1.5rem, 2.6vw, 2.25rem);
}

body.webrox-guard-stran .varuh-traffic-consent-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .65rem;
	margin-top: 1.25rem;
}

body.webrox-guard-stran .varuh-traffic-consent-points > span {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-width: 0;
	padding: .75rem;
	border: 0;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-traffic-consent-points i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-traffic-consent-points strong,
body.webrox-guard-stran .varuh-traffic-consent-points small {
	grid-column: 2;
}

body.webrox-guard-stran .varuh-traffic-consent-points strong {
	color: var(--wg-ink);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-traffic-consent-points small {
	color: var(--wg-muted);
	font-size: .68rem;
	line-height: 1.4;
}

body.webrox-guard-stran .varuh-traffic-consent-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
	padding: clamp(1.4rem, 2.4vw, 2rem);
	border-left: 1px solid var(--wg-border);
	background: #f4f8fd;
}

body.webrox-guard-stran .varuh-traffic-consent-form label {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: flex-start;
	gap: .7rem;
	padding: .9rem;
	border: 1px solid #cddbea;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-ink);
	background: #fff;
}

body.webrox-guard-stran .varuh-traffic-consent-form input {
	width: 20px;
	height: 20px;
	margin-top: .1rem;
	accent-color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-traffic-consent-form label span {
	display: grid;
	gap: .25rem;
}

body.webrox-guard-stran .varuh-traffic-consent-form label small {
	color: var(--wg-muted);
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-traffic-consent-form > a {
	color: #55708f;
	font-size: .76rem;
	text-align: center;
}

body.webrox-guard-stran .varuh-traffic-overview {
	display: grid;
	gap: 1.25rem;
	padding: clamp(1.35rem, 2.5vw, 2rem) !important;
}

body.webrox-guard-stran .varuh-traffic-overview > header,
body.webrox-guard-stran .varuh-traffic-pages > header,
body.webrox-guard-stran .varuh-traffic-recommendations > header,
body.webrox-guard-stran .varuh-traffic-breakdown > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-traffic-overview h2,
body.webrox-guard-stran .varuh-traffic-pages h3,
body.webrox-guard-stran .varuh-traffic-recommendations h3,
body.webrox-guard-stran .varuh-traffic-breakdown h3 {
	margin: .3rem 0 .35rem;
	color: var(--wg-ink);
	font-size: 1.65rem;
	line-height: 1.16;
}

body.webrox-guard-stran .varuh-traffic-overview header p {
	max-width: 760px;
	margin: 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-traffic-live {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: 40px;
	padding: .55rem .75rem;
	border: 1px solid #bfe7d8;
	border-radius: var(--wg-radius-sm);
	color: #087e5b;
	background: #effaf6;
	font-size: .76rem;
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-live i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #16a675;
	box-shadow: 0 0 0 4px rgba(22, 166, 117, .12);
}

body.webrox-guard-stran .varuh-traffic-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 0;
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-traffic-kpis > div {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: .8rem;
	min-width: 0;
	padding: 1rem;
}

body.webrox-guard-stran .varuh-traffic-kpis > div + div {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-traffic-kpis > div > i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-traffic-kpis span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-traffic-kpis small,
body.webrox-guard-stran .varuh-traffic-kpis em {
	color: var(--wg-muted);
	font-size: .7rem;
	font-style: normal;
	line-height: 1.4;
}

body.webrox-guard-stran .varuh-traffic-kpis strong {
	overflow: hidden;
	color: var(--wg-ink);
	font-size: 1.28rem;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-chart {
	display: grid;
	gap: 1rem;
	padding: 1rem;
	border-radius: var(--wg-radius);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-traffic-chart > header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-traffic-chart header div {
	display: grid;
	gap: .15rem;
}

body.webrox-guard-stran .varuh-traffic-chart header strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-traffic-chart header small,
body.webrox-guard-stran .varuh-traffic-chart header > span {
	color: var(--wg-muted);
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-traffic-chart header > span i {
	color: var(--wg-blue);
	font-size: .5rem;
}

body.webrox-guard-stran .varuh-traffic-chart-empty {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	min-height: 128px;
	padding: 1.2rem;
	border: 1px dashed #c8d7e7;
	border-radius: var(--wg-radius-sm);
	background: #fff;
}

body.webrox-guard-stran .varuh-traffic-chart-empty > i {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-traffic-chart-empty > span {
	display: grid;
	gap: .3rem;
}

body.webrox-guard-stran .varuh-traffic-chart-empty strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-traffic-chart-empty small {
	max-width: 580px;
	color: var(--wg-muted);
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-traffic-chart-bars {
	display: grid;
	grid-template-columns: repeat(30, minmax(5px, 1fr));
	align-items: end;
	gap: clamp(2px, .35vw, 6px);
	height: 190px;
	padding: 1rem 0 1.8rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-traffic-chart-bars > span {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 100%;
}

body.webrox-guard-stran .varuh-traffic-chart-bars i {
	display: block;
	width: 100%;
	height: max(3px, var(--traffic-bar));
	border-radius: 3px 3px 0 0;
	background: linear-gradient(180deg, #45a0ff, var(--wg-blue));
	transition: background-color .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-traffic-chart-bars > span:hover i {
	background: var(--wg-blue-dark);
	transform: translateY(-2px);
}

body.webrox-guard-stran .varuh-traffic-chart-bars small {
	position: absolute;
	left: 50%;
	bottom: -1.45rem;
	color: #8a98aa;
	font-size: .58rem;
	transform: translateX(-50%);
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-detail-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-traffic-pages,
body.webrox-guard-stran .varuh-traffic-recommendations,
body.webrox-guard-stran .varuh-traffic-breakdown {
	padding: clamp(1.25rem, 2vw, 1.65rem) !important;
}

body.webrox-guard-stran .varuh-traffic-pages > header > i,
body.webrox-guard-stran .varuh-traffic-recommendations > header > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-traffic-pages > div:not(.varuh-traffic-panel-empty) {
	display: grid;
	margin-top: .8rem;
}

body.webrox-guard-stran .varuh-traffic-pages > div:not(.varuh-traffic-panel-empty) > span {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	padding: .78rem 0;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-traffic-pages b {
	color: #8b9aab;
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-traffic-pages span > span {
	display: grid;
	gap: .35rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-traffic-pages span > span strong {
	overflow: hidden;
	color: var(--wg-ink);
	font-size: .82rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-pages span > span i {
	position: relative;
	display: block;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background: #e8eef5;
	overflow: hidden;
}

body.webrox-guard-stran .varuh-traffic-pages span > span i::after {
	display: block;
	width: var(--traffic-share);
	height: 100%;
	content: "";
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-traffic-pages em {
	color: var(--wg-muted);
	font-size: .7rem;
	font-style: normal;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-traffic-panel-empty {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: center;
	gap: .85rem;
	min-height: 118px;
	margin-top: .85rem;
	padding: 1rem;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-traffic-panel-empty > i {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-traffic-panel-empty > span {
	display: grid;
	gap: .25rem;
}

body.webrox-guard-stran .varuh-traffic-panel-empty strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-traffic-panel-empty small {
	color: var(--wg-muted);
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-traffic-recommendations > div {
	display: grid;
	gap: .65rem;
	margin-top: .85rem;
}

body.webrox-guard-stran .varuh-traffic-recommendations article {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: .8rem;
	padding: .9rem;
	border: 0;
	border-left: 3px solid var(--wg-blue);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-traffic-recommendations article.is-attention {
	border-left-color: var(--wg-amber);
	background: #fff9ee;
}

body.webrox-guard-stran .varuh-traffic-recommendations article.is-good {
	border-left-color: var(--wg-green);
	background: #f1faf6;
}

body.webrox-guard-stran .varuh-traffic-recommendations article > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: #fff;
}

body.webrox-guard-stran .varuh-traffic-recommendations article.is-attention > i { color: var(--wg-amber); }
body.webrox-guard-stran .varuh-traffic-recommendations article.is-good > i { color: var(--wg-green); }

body.webrox-guard-stran .varuh-traffic-recommendations article span {
	min-width: 0;
}

body.webrox-guard-stran .varuh-traffic-recommendations article strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-traffic-recommendations article p {
	margin: .22rem 0 0;
	color: var(--wg-muted);
	font-size: .75rem;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-traffic-breakdown {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 0;
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-traffic-breakdown > div > section {
	padding: 1rem !important;
	background: transparent !important;
}

body.webrox-guard-stran .varuh-traffic-breakdown > div > section + section {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-traffic-breakdown h4 {
	margin: 0 0 .7rem;
	color: var(--wg-ink);
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown h4 i {
	width: 24px;
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-traffic-breakdown section > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .6rem 0;
	border-top: 1px solid var(--wg-border);
	color: var(--wg-text);
	font-size: .77rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown section > span em {
	color: var(--wg-muted);
	font-style: normal;
}

body.webrox-guard-stran .varuh-traffic-breakdown section > p {
	margin: .5rem 0 0;
	color: var(--wg-muted);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: center;
	gap: .8rem;
	padding: 1rem;
	border-top: 0;
	border-radius: var(--wg-radius-sm);
	background: #f2f8f6;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-green);
	background: #fff;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer span {
	display: grid;
	gap: .15rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer strong {
	color: var(--wg-ink);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer small {
	color: var(--wg-muted);
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-traffic-breakdown footer a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--wg-blue-dark);
	font-size: .76rem;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-traffic-hero {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 2rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero h1 {
		font-size: 2.65rem;
	}

	body.webrox-guard-stran .varuh-traffic-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-traffic-kpis > div:nth-child(3) {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-traffic-kpis > div:nth-child(4) {
		border-top: 1px solid var(--wg-border);
	}

	body.webrox-guard-stran .varuh-traffic-consent {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-consent-form {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-traffic-hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	body.webrox-guard-stran .varuh-traffic-hero-visual {
		height: 150px;
	}

	body.webrox-guard-stran .varuh-traffic-detail-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-gate {
		grid-template-columns: 62px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-gate > .button {
		grid-column: 2;
		justify-self: start;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-traffic-center {
		gap: .85rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero {
		gap: 1.25rem;
		padding: 1.25rem !important;
	}

	body.webrox-guard-stran .varuh-traffic-hero h1 {
		font-size: 2rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero p {
		font-size: .92rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero-points {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: .5rem;
		margin-top: 1rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero-visual {
		grid-template-rows: 88px auto;
		height: 126px;
		padding: 1.5rem .35rem 0;
	}

	body.webrox-guard-stran .varuh-traffic-hero-visual > i {
		width: 38px;
		height: 38px;
	}

	body.webrox-guard-stran .varuh-traffic-sites {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-sites a + a {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-traffic-gate {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
		padding: 1rem !important;
	}

	body.webrox-guard-stran .varuh-traffic-gate-icon {
		width: 56px;
		height: 56px;
	}

	body.webrox-guard-stran .varuh-traffic-gate h2,
	body.webrox-guard-stran .varuh-traffic-consent h2 {
		font-size: 1.55rem;
	}

	body.webrox-guard-stran .varuh-traffic-gate > .button {
		grid-column: 1;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-traffic-consent-copy,
	body.webrox-guard-stran .varuh-traffic-consent-form,
	body.webrox-guard-stran .varuh-traffic-overview,
	body.webrox-guard-stran .varuh-traffic-pages,
	body.webrox-guard-stran .varuh-traffic-recommendations,
	body.webrox-guard-stran .varuh-traffic-breakdown {
		padding: 1rem !important;
	}

	body.webrox-guard-stran .varuh-traffic-consent-points,
	body.webrox-guard-stran .varuh-traffic-kpis,
	body.webrox-guard-stran .varuh-traffic-breakdown > div {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-kpis > div + div,
	body.webrox-guard-stran .varuh-traffic-kpis > div:nth-child(4),
	body.webrox-guard-stran .varuh-traffic-breakdown > div > section + section {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-traffic-overview > header,
	body.webrox-guard-stran .varuh-traffic-breakdown > header {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-traffic-live {
		align-self: flex-start;
		white-space: normal;
	}

	body.webrox-guard-stran .varuh-traffic-chart {
		padding: .8rem;
	}

	body.webrox-guard-stran .varuh-traffic-chart-bars {
		gap: 2px;
		height: 150px;
	}

	body.webrox-guard-stran .varuh-traffic-chart-bars small {
		display: none;
	}

	body.webrox-guard-stran .varuh-traffic-chart-empty {
		grid-template-columns: 44px minmax(0, 1fr);
		min-height: 108px;
		padding: .9rem;
	}

	body.webrox-guard-stran .varuh-traffic-chart-empty > i {
		width: 44px;
		height: 44px;
	}

	body.webrox-guard-stran .varuh-traffic-breakdown footer {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-breakdown footer a {
		grid-column: 2;
	}
}

@media (max-width: 520px) {
	body.webrox-guard-stran .varuh-traffic-hero h1 {
		font-size: 1.82rem;
	}

	body.webrox-guard-stran .varuh-traffic-hero-visual {
		display: none;
	}

	body.webrox-guard-stran .varuh-traffic-kpis > div {
		grid-template-columns: 40px minmax(0, 1fr);
		padding: .85rem;
	}

	body.webrox-guard-stran .varuh-traffic-kpis > div > i {
		width: 40px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-traffic-pages > div:not(.varuh-traffic-panel-empty) > span {
		grid-template-columns: 24px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-pages em {
		grid-column: 2;
	}

	body.webrox-guard-stran .varuh-traffic-breakdown footer {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-traffic-breakdown footer > i,
	body.webrox-guard-stran .varuh-traffic-breakdown footer a {
		grid-column: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-traffic-hero-visual > span {
		animation: none;
	}
}

/* Ongoing value proof and optional visitor insights. */
.varuh-site-value-proof,
.varuh-traffic-hero,
.varuh-traffic-sites,
.varuh-traffic-gate,
.varuh-traffic-consent,
.varuh-traffic-overview,
.varuh-traffic-pages,
.varuh-traffic-recommendations,
.varuh-traffic-breakdown {
	border: 1px solid #d9e4ef;
	border-radius: 8px;
	background: #fff;
}

.varuh-site-value-proof {
	display: grid;
	gap: 1.35rem;
	padding: clamp(1.25rem, 2.2vw, 2rem);
	border-top: 3px solid #19a978;
}

.varuh-site-value-proof.has-open-items {
	border-top-color: #e9a626;
}

.varuh-site-value-proof > header,
.varuh-traffic-overview > header,
.varuh-traffic-pages > header,
.varuh-traffic-recommendations > header,
.varuh-traffic-breakdown > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
}

.varuh-site-value-proof h3,
.varuh-traffic-overview h2,
.varuh-traffic-pages h3,
.varuh-traffic-recommendations h3,
.varuh-traffic-breakdown h3 {
	margin: .3rem 0 .35rem;
	color: #18263b;
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	line-height: 1.15;
}

.varuh-site-value-proof header p,
.varuh-traffic-overview header p {
	max-width: 760px;
	margin: 0;
	color: #6e7f96;
}

.varuh-site-value-state,
.varuh-traffic-live {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: 38px;
	padding: .55rem .75rem;
	border: 1px solid #bfe7d8;
	border-radius: 6px;
	color: #087e5b;
	background: #effaf6;
	font-size: .78rem;
	font-weight: 800;
	white-space: nowrap;
}

.varuh-site-value-proof.has-open-items .varuh-site-value-state {
	border-color: #eed8a9;
	color: #9b6700;
	background: #fff8e9;
}

.varuh-site-value-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid #dce6f0;
	border-radius: 7px;
	overflow: hidden;
}

.varuh-site-value-metrics > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .8rem;
	min-width: 0;
	padding: 1rem;
	background: #f8fafc;
}

.varuh-site-value-metrics > div + div {
	border-left: 1px solid #dce6f0;
}

.varuh-site-value-metrics > div > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid #cfe0f2;
	border-radius: 6px;
	color: #1478ff;
	background: #edf5ff;
}

.varuh-site-value-metrics span {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

.varuh-site-value-metrics small,
.varuh-site-value-metrics em {
	color: #72839a;
	font-size: .72rem;
	font-style: normal;
	line-height: 1.35;
}

.varuh-site-value-metrics strong {
	color: #17253a;
	font-size: 1.15rem;
	line-height: 1.15;
}

.varuh-site-value-watchlist {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
}

.varuh-site-value-watchlist > span,
.varuh-site-value-watchlist > a {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-width: 0;
	padding: .8rem;
	border: 1px solid #dce6f0;
	border-radius: 6px;
	color: #1d2b40;
	text-decoration: none;
}

.varuh-site-value-watchlist > a {
	grid-template-columns: 34px minmax(0, 1fr) 20px;
	border-color: #a9cef9;
	background: #f4f9ff;
}

.varuh-site-value-watchlist > span > i,
.varuh-site-value-watchlist > a > i:first-child {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	color: #1478ff;
	background: #edf5ff;
}

.varuh-site-value-watchlist strong,
.varuh-site-value-watchlist small {
	grid-column: 2;
	min-width: 0;
}

.varuh-site-value-watchlist strong {
	font-size: .83rem;
}

.varuh-site-value-watchlist small {
	color: #77879d;
	font-size: .7rem;
	line-height: 1.35;
}

.varuh-site-value-watchlist > a:hover,
.varuh-site-value-watchlist > a:focus-visible {
	border-color: #1478ff;
	color: #075ec4;
	background: #edf6ff;
}

.varuh-traffic-center {
	display: grid;
	gap: 1.35rem;
}

.varuh-traffic-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	align-items: center;
	gap: 2rem;
	min-height: 260px;
	padding: clamp(1.5rem, 3vw, 3rem);
	border-color: #263c59;
	color: #fff;
	background-color: #142238;
	background-image: linear-gradient(rgba(71, 104, 145, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(71, 104, 145, .12) 1px, transparent 1px);
	background-size: 64px 64px;
	overflow: hidden;
}

.varuh-traffic-hero .varuh-account-section-label {
	color: #63a8ff;
}

.varuh-traffic-hero h1 {
	max-width: 760px;
	margin: .45rem 0 .65rem;
	color: #fff;
	font-size: clamp(2rem, 3.5vw, 3.65rem);
	line-height: 1.04;
}

.varuh-traffic-hero p {
	max-width: 760px;
	margin: 0;
	color: #b9c8db;
	font-size: 1.02rem;
	line-height: 1.65;
}

.varuh-traffic-hero-visual {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: end;
	gap: .65rem;
	height: 150px;
	padding: 1.2rem;
	border: 1px solid #35506f;
	border-radius: 7px;
	background: #1c2d46;
}

.varuh-traffic-hero-visual > i {
	position: absolute;
	right: 1.4rem;
	top: 1.4rem;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 6px;
	color: #7db8ff;
	background: #243a58;
}

.varuh-traffic-hero-visual span {
	display: block;
	height: 35%;
	border-radius: 3px 3px 0 0;
	background: #2d8cff;
	animation: varuhTrafficPulse 4.8s ease-in-out infinite alternate;
}

.varuh-traffic-hero-visual span:nth-of-type(2) { height: 62%; animation-delay: -.8s; }
.varuh-traffic-hero-visual span:nth-of-type(3) { height: 45%; animation-delay: -1.6s; }
.varuh-traffic-hero-visual span:nth-of-type(4) { height: 86%; animation-delay: -2.4s; }
.varuh-traffic-hero-visual span:nth-of-type(5) { height: 72%; animation-delay: -3.2s; }

@keyframes varuhTrafficPulse {
	from { transform: scaleY(.92); }
	to { transform: scaleY(1); }
}

.varuh-traffic-sites {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	overflow: hidden;
}

.varuh-traffic-sites a {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 18px;
	align-items: center;
	gap: .8rem;
	min-height: 76px;
	padding: .9rem 1rem;
	color: #243249;
	text-decoration: none;
}

.varuh-traffic-sites a + a {
	border-left: 1px solid #dce6f0;
}

.varuh-traffic-sites a.is-current {
	color: #086bdc;
	background: #f0f7ff;
	box-shadow: inset 0 -3px #1478ff;
}

.varuh-traffic-sites a > i:first-child {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	color: #1478ff;
	background: #edf5ff;
}

.varuh-traffic-sites span {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

.varuh-traffic-sites strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.varuh-traffic-sites small {
	color: #78889e;
	font-size: .73rem;
}

.varuh-traffic-gate,
.varuh-traffic-consent {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.5rem;
	padding: clamp(1.25rem, 2.5vw, 2.25rem);
}

.varuh-traffic-gate-icon {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 7px;
	color: #1478ff;
	background: #edf5ff;
	font-size: 1.5rem;
}

.varuh-traffic-gate h2,
.varuh-traffic-consent h2 {
	margin: .35rem 0 .45rem;
	color: #18263b;
	font-size: clamp(1.5rem, 2.4vw, 2.2rem);
}

.varuh-traffic-gate p,
.varuh-traffic-consent p {
	max-width: 820px;
	margin: 0;
	color: #6f8096;
	line-height: 1.6;
}

.varuh-traffic-gate ul {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem 1rem;
	margin: .9rem 0 0;
	padding: 0;
	list-style: none;
	color: #52647b;
	font-size: .8rem;
}

.varuh-traffic-gate li i {
	margin-right: .35rem;
	color: #14966d;
}

.varuh-traffic-consent {
	grid-template-columns: minmax(0, 1fr) minmax(340px, .48fr);
	align-items: stretch;
}

.varuh-traffic-consent-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .75rem;
	margin-top: 1.25rem;
}

.varuh-traffic-consent-points span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	padding: .75rem;
	border: 1px solid #dce6f0;
	border-radius: 6px;
}

.varuh-traffic-consent-points i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	color: #14966d;
	background: #eef9f5;
}

.varuh-traffic-consent-points strong,
.varuh-traffic-consent-points small {
	grid-column: 2;
}

.varuh-traffic-consent-points strong { color: #25334a; font-size: .8rem; }
.varuh-traffic-consent-points small { color: #7a8a9f; font-size: .7rem; line-height: 1.35; }

.varuh-traffic-consent-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
	padding: 1.25rem;
	border-left: 1px solid #dce6f0;
	background: #f7f9fc;
}

.varuh-traffic-consent-form label {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: flex-start;
	gap: .7rem;
	color: #25334a;
	cursor: pointer;
}

.varuh-traffic-consent-form input {
	width: 20px;
	height: 20px;
	margin-top: .1rem;
	accent-color: #1478ff;
}

.varuh-traffic-consent-form label span { display: grid; gap: .25rem; }
.varuh-traffic-consent-form label small { color: #78899f; line-height: 1.45; }
.varuh-traffic-consent-form > a { color: #55708f; font-size: .78rem; text-align: center; }

.varuh-traffic-overview {
	display: grid;
	gap: 1.4rem;
	padding: clamp(1.25rem, 2.5vw, 2rem);
}

.varuh-traffic-live i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #16a675;
	box-shadow: 0 0 0 4px rgba(22, 166, 117, .12);
}

.varuh-traffic-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid #dce6f0;
	border-radius: 7px;
	overflow: hidden;
}

.varuh-traffic-kpis > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	min-width: 0;
	padding: 1rem;
}

.varuh-traffic-kpis > div + div { border-left: 1px solid #dce6f0; }
.varuh-traffic-kpis > div > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 6px; color: #1478ff; background: #edf5ff; }
.varuh-traffic-kpis span { display: grid; gap: .12rem; min-width: 0; }
.varuh-traffic-kpis small, .varuh-traffic-kpis em { color: #75869c; font-size: .72rem; font-style: normal; line-height: 1.35; }
.varuh-traffic-kpis strong { overflow: hidden; color: #18263b; font-size: 1.25rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }

.varuh-traffic-chart {
	display: grid;
	gap: 1rem;
	padding-top: .2rem;
}

.varuh-traffic-chart > header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
}

.varuh-traffic-chart header div { display: grid; gap: .15rem; }
.varuh-traffic-chart header strong { color: #223149; }
.varuh-traffic-chart header small, .varuh-traffic-chart header > span { color: #79899e; font-size: .72rem; }
.varuh-traffic-chart header > span i { color: #1478ff; font-size: .55rem; }

.varuh-traffic-chart-bars {
	display: grid;
	grid-template-columns: repeat(30, minmax(5px, 1fr));
	align-items: end;
	gap: clamp(2px, .35vw, 6px);
	height: 190px;
	padding: 1rem 0 1.8rem;
	border-bottom: 1px solid #dce6f0;
}

.varuh-traffic-chart-bars > span {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.varuh-traffic-chart-bars i {
	display: block;
	width: 100%;
	height: max(3px, var(--traffic-bar));
	border-radius: 3px 3px 0 0;
	background: #2b8cff;
	transition: background-color .2s ease, transform .2s ease;
}

.varuh-traffic-chart-bars > span:hover i { background: #0b69d5; transform: translateY(-2px); }
.varuh-traffic-chart-bars small { position: absolute; left: 50%; bottom: -1.45rem; color: #8a98aa; font-size: .6rem; transform: translateX(-50%); white-space: nowrap; }

.varuh-traffic-detail-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: 1.35rem;
}

.varuh-traffic-pages,
.varuh-traffic-recommendations,
.varuh-traffic-breakdown {
	padding: clamp(1.15rem, 2vw, 1.75rem);
}

.varuh-traffic-pages > header > i,
.varuh-traffic-recommendations > header > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 6px;
	color: #1478ff;
	background: #edf5ff;
}

.varuh-traffic-pages > div {
	display: grid;
	margin-top: 1rem;
}

.varuh-traffic-pages > div > span {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	padding: .7rem 0;
	border-top: 1px solid #e2e9f1;
}

.varuh-traffic-pages b { color: #8b9aab; font-size: .72rem; }
.varuh-traffic-pages span > span { display: grid; gap: .35rem; min-width: 0; }
.varuh-traffic-pages span > span strong { overflow: hidden; color: #26354b; font-size: .83rem; text-overflow: ellipsis; white-space: nowrap; }
.varuh-traffic-pages span > span i { position: relative; display: block; width: 100%; height: 4px; border-radius: 2px; background: #e8eef5; overflow: hidden; }
.varuh-traffic-pages span > span i::after { content: ''; display: block; width: var(--traffic-share); height: 100%; background: #2d8cff; }
.varuh-traffic-pages em { color: #71839a; font-size: .72rem; font-style: normal; white-space: nowrap; }

.varuh-traffic-recommendations > div { display: grid; gap: .65rem; margin-top: 1rem; }
.varuh-traffic-recommendations article { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: .8rem; padding: .85rem; border: 1px solid #dce6f0; border-left: 3px solid #1478ff; border-radius: 6px; }
.varuh-traffic-recommendations article.is-attention { border-left-color: #e2a021; background: #fffaf0; }
.varuh-traffic-recommendations article.is-good { border-left-color: #14966d; background: #f3fbf8; }
.varuh-traffic-recommendations article > i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 5px; color: #1478ff; background: #edf5ff; }
.varuh-traffic-recommendations article.is-attention > i { color: #a56c00; background: #fff1ce; }
.varuh-traffic-recommendations article.is-good > i { color: #0b8560; background: #e2f6ee; }
.varuh-traffic-recommendations article span { min-width: 0; }
.varuh-traffic-recommendations article strong { color: #25344a; font-size: .84rem; }
.varuh-traffic-recommendations article p { margin: .2rem 0 0; color: #718197; font-size: .76rem; line-height: 1.45; }

.varuh-traffic-breakdown { display: grid; gap: 1.1rem; }
.varuh-traffic-breakdown > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #dce6f0; border-radius: 7px; overflow: hidden; }
.varuh-traffic-breakdown > div > section { padding: 1rem; }
.varuh-traffic-breakdown > div > section + section { border-left: 1px solid #dce6f0; }
.varuh-traffic-breakdown h4 { margin: 0 0 .7rem; color: #26354b; font-size: .9rem; }
.varuh-traffic-breakdown h4 i { width: 24px; color: #1478ff; }
.varuh-traffic-breakdown section > span { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-top: 1px solid #e5ebf2; color: #334157; font-size: .78rem; }
.varuh-traffic-breakdown section > span em { color: #75869b; font-style: normal; }
.varuh-traffic-breakdown footer { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding-top: 1rem; border-top: 1px solid #dce6f0; }
.varuh-traffic-breakdown footer > i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 5px; color: #14966d; background: #edf9f5; }
.varuh-traffic-breakdown footer span { display: grid; gap: .15rem; }
.varuh-traffic-breakdown footer strong { color: #26354b; font-size: .8rem; }
.varuh-traffic-breakdown footer small { color: #7b8a9e; font-size: .7rem; }
.varuh-traffic-breakdown footer a { display: inline-flex; align-items: center; gap: .4rem; color: #0c6fd8; font-size: .78rem; font-weight: 800; }

@media (max-width: 1199.98px) {
	.varuh-site-value-metrics,
	.varuh-traffic-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.varuh-site-value-metrics > div:nth-child(3),
	.varuh-traffic-kpis > div:nth-child(3) { border-top: 1px solid #dce6f0; border-left: 0; }
	.varuh-site-value-metrics > div:nth-child(4),
	.varuh-traffic-kpis > div:nth-child(4) { border-top: 1px solid #dce6f0; }
	.varuh-site-value-watchlist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.varuh-traffic-consent { grid-template-columns: minmax(0, 1fr); }
	.varuh-traffic-consent-form { border-top: 1px solid #dce6f0; border-left: 0; }
}

@media (max-width: 991.98px) {
	.varuh-traffic-hero { grid-template-columns: minmax(0, 1fr); }
	.varuh-traffic-hero-visual { height: 120px; }
	.varuh-traffic-detail-grid { grid-template-columns: minmax(0, 1fr); }
	.varuh-traffic-gate { grid-template-columns: 64px minmax(0, 1fr); }
	.varuh-traffic-gate > .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 767.98px) {
	.varuh-site-value-proof,
	.varuh-traffic-overview,
	.varuh-traffic-pages,
	.varuh-traffic-recommendations,
	.varuh-traffic-breakdown { padding: 1rem; }
	.varuh-site-value-proof > header,
	.varuh-traffic-overview > header,
	.varuh-traffic-breakdown > header { align-items: stretch; flex-direction: column; }
	.varuh-site-value-state,
	.varuh-traffic-live { align-self: flex-start; white-space: normal; }
	.varuh-site-value-metrics,
	.varuh-site-value-watchlist,
	.varuh-traffic-kpis,
	.varuh-traffic-consent-points,
	.varuh-traffic-breakdown > div { grid-template-columns: minmax(0, 1fr); }
	.varuh-site-value-metrics > div + div,
	.varuh-traffic-kpis > div + div,
	.varuh-site-value-metrics > div:nth-child(4),
	.varuh-traffic-kpis > div:nth-child(4),
	.varuh-traffic-breakdown > div > section + section { border-top: 1px solid #dce6f0; border-left: 0; }
	.varuh-traffic-hero { min-height: 0; padding: 1.25rem; }
	.varuh-traffic-hero h1 { font-size: 2rem; }
	.varuh-traffic-hero-visual { display: none; }
	.varuh-traffic-sites { grid-template-columns: minmax(0, 1fr); }
	.varuh-traffic-sites a + a { border-top: 1px solid #dce6f0; border-left: 0; }
	.varuh-traffic-gate { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
	.varuh-traffic-gate > .button { grid-column: 1; width: 100%; }
	.varuh-traffic-chart-bars { gap: 2px; height: 150px; }
	.varuh-traffic-chart-bars small { display: none; }
	.varuh-traffic-breakdown footer { grid-template-columns: 38px minmax(0, 1fr); }
	.varuh-traffic-breakdown footer a { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
	.varuh-traffic-hero-visual span { animation: none; }
}

/* Package marketing: one visual language and one feature source. */
body.webrox-guard-stran .varuh-package-grid > [class*="col-"] {
	display: flex;
}

body.webrox-guard-stran .varuh-paketi .varuh-cenik {
	width: 100%;
	border: 1px solid var(--wg-border) !important;
	border-top: 3px solid #a9bed7 !important;
	border-radius: var(--wg-radius) !important;
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs) !important;
	overflow: visible;
}

body.webrox-guard-stran .varuh-paketi .varuh-cenik.varuh-free-card {
	border-top-color: var(--wg-green) !important;
	background: linear-gradient(180deg, #f4fcf8 0, #fff 180px);
}

body.webrox-guard-stran .varuh-paketi .varuh-cenik.varuh-izpostavljen {
	border-color: #9bc5ff !important;
	border-top-color: var(--wg-blue) !important;
	box-shadow: 0 10px 28px rgba(20, 120, 255, .09) !important;
}

body.webrox-guard-stran .varuh-paketi .varuh-cenik .card-body {
	gap: 0;
	width: 100%;
	padding: 1.4rem !important;
}

body.webrox-guard-stran .varuh-package-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	min-height: 46px;
	margin-bottom: 1.1rem;
}

body.webrox-guard-stran .varuh-package-icon,
body.webrox-guard-stran .varuh-package-site-icon {
	display: grid !important;
	place-items: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border: 1px solid #c8ddf8;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
	font-size: 1.05rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-package-icon--lite {
	border-color: #b9e5d3;
	background: var(--wg-green-soft);
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-package-icon--free {
	border-color: #a8dfc8;
	background: #e6f8f0;
	color: #087a4b;
}

body.webrox-guard-stran .varuh-package-icon--commerce {
	border-color: #d6c6f2;
	background: #f4effd;
	color: #7850b7;
}

body.webrox-guard-stran .varuh-package-icon > i,
body.webrox-guard-stran .varuh-package-site-icon > i {
	display: grid;
	place-items: center;
	width: 1em;
	height: 1em;
	min-width: 0;
	line-height: 1;
}

body.webrox-guard-stran .varuh-package-head-note,
body.webrox-guard-stran .varuh-paketi .varuh-package-badge {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	margin: 0 !important;
	padding: .38rem .58rem;
	border: 1px solid #c8ddf8;
	border-radius: var(--wg-radius-sm) !important;
	background: #f4f8fd;
	color: var(--wg-blue-dark);
	font-size: .71rem;
	font-weight: 850;
	line-height: 1.2;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-package-head-note {
	margin-right: 0 !important;
	border-color: #cfe5da;
	background: #f1faf6;
	color: #087a4b;
}

body.webrox-guard-stran .varuh-package-identity {
	min-height: 126px;
}

body.webrox-guard-stran .varuh-package-identity h3 {
	margin: 0 0 .55rem;
	font-size: 1.25rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-package-identity p {
	margin: 0;
	font-size: .9rem;
	line-height: 1.55;
}

body.webrox-guard-stran .varuh-paketi .varuh-cena {
	margin: 0 0 .9rem;
	font-size: 2.05rem;
}

body.webrox-guard-stran .varuh-paketi .varuh-trial-strip,
body.webrox-guard-stran .varuh-paketi .varuh-letno {
	margin: 0 0 .75rem;
	border-radius: var(--wg-radius-sm) !important;
}

body.webrox-guard-stran .varuh-paketi .varuh-letno {
	min-height: 68px;
}

body.webrox-guard-stran .varuh-paketi .varuh-package-site {
	align-items: center;
	margin: 0 0 1rem;
	padding: .7rem;
}

body.webrox-guard-stran .varuh-paketi .varuh-package-site-icon {
	flex-basis: 38px;
	width: 38px;
	height: 38px;
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-package-highlights {
	display: grid;
	gap: .65rem !important;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-package-highlights li,
body.webrox-guard-stran .varuh-package-details-body li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: start;
	gap: .5rem;
	margin: 0;
	font-size: .86rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-package-highlights li > i,
body.webrox-guard-stran .varuh-package-details-body li > i {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	min-width: 0;
	color: var(--wg-green);
	font-size: .83rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-package-details {
	margin-top: auto;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-package-details summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 18px;
	align-items: center;
	gap: .55rem;
	min-height: 46px;
	padding: .65rem .75rem;
	color: var(--wg-ink);
	font-size: .8rem;
	font-weight: 850;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-package-details summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-package-details summary > span {
	display: flex;
	align-items: center;
	gap: .48rem;
}

body.webrox-guard-stran .varuh-package-details summary > span > i,
body.webrox-guard-stran .varuh-package-details summary > i {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	min-width: 0;
	color: var(--wg-blue);
	line-height: 1;
}

body.webrox-guard-stran .varuh-package-details summary > small {
	color: var(--wg-muted);
	font-size: .7rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-package-details[open] summary {
	border-bottom: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-package-details[open] summary > i {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-package-details-body {
	padding: .8rem .75rem;
}

body.webrox-guard-stran .varuh-package-details-body ul {
	display: grid;
	gap: .55rem !important;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-package-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	width: 100%;
	margin-top: .85rem;
}

body.webrox-guard-stran .varuh-card-ribbon {
	right: 1rem;
	border-radius: 0 0 var(--wg-radius-sm) var(--wg-radius-sm);
	box-shadow: none;
}

body.webrox-guard-stran .varuh-primerjava-povzetek {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.webrox-guard-stran .varuh-primerjava-povzetek > div {
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	padding: 1rem;
	border-radius: var(--wg-radius-sm);
	box-shadow: none;
}

body.webrox-guard-stran .varuh-primerjava-povzetek .varuh-ikona {
	display: grid;
	grid-row: 1 / span 2;
	place-items: center;
	width: 44px;
	height: 44px;
	min-width: 0;
	border-radius: var(--wg-radius-sm);
	line-height: 1;
}

body.webrox-guard-stran .varuh-primerjava-povzetek > div > strong,
body.webrox-guard-stran .varuh-primerjava-povzetek > div > span {
	grid-column: 2;
	min-width: 0;
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-tabela thead th,
body.webrox-guard-stran .varuh-tabela td {
	vertical-align: middle;
}

body.webrox-guard-stran .varuh-tabela {
	min-width: 1120px;
}

body.webrox-guard-stran .varuh-tabela th:first-child {
	width: 25%;
}

body.webrox-guard-stran .varuh-comparison-value {
	display: inline-block;
	max-width: 12rem;
	color: var(--wg-text);
	font-size: .84rem;
	font-weight: 700;
	line-height: 1.35;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
	body.webrox-guard-stran .varuh-primerjava-povzetek {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.webrox-guard-stran .varuh-tabela thead th:not(:first-child),
body.webrox-guard-stran .varuh-tabela tfoot td {
	text-align: center;
}

body.webrox-guard-stran .varuh-tabela td > i {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	min-width: 0;
	line-height: 1;
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-package-head-note {
		margin-right: 0 !important;
	}

	body.webrox-guard-stran .varuh-package-identity {
		min-height: 0;
		margin-bottom: 1rem;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-package-card-head {
		align-items: flex-start;
	}

	body.webrox-guard-stran .varuh-package-head-note {
		max-width: 12rem;
		text-align: right;
	}

	body.webrox-guard-stran .varuh-primerjava-povzetek > div {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-primerjava-povzetek .varuh-ikona {
		width: 40px;
		height: 40px;
	}
}

body.webrox-guard-stran :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid rgba(20, 120, 255, .28);
	outline-offset: 3px;
}

body.webrox-guard-stran :where(p, li) {
	line-height: 1.65;
}

body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]) {
	min-height: 44px;
	border-radius: var(--wg-radius-sm) !important;
	font-weight: 750;
	letter-spacing: 0;
	box-shadow: none !important;
	transition: color .2s var(--wg-ease), background-color .2s var(--wg-ease), border-color .2s var(--wg-ease), transform .2s var(--wg-ease), box-shadow .2s var(--wg-ease);
}

body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]):hover {
	transform: translateY(-1px);
}

body.webrox-guard-stran :where(.btn, .button, button) i {
	transition: transform .2s var(--wg-ease);
}

body.webrox-guard-stran :where(.btn, .button, button):hover i.fa-arrow-right {
	transform: translateX(3px);
}

body.webrox-guard-stran .btn-primary,
body.webrox-guard-stran .button:not(.button-outline),
body.webrox-guard-stran button.button,
body.webrox-guard-stran input[type="submit"] {
	border: 1px solid var(--wg-blue) !important;
	background: var(--wg-blue) !important;
	color: #fff !important;
}

body.webrox-guard-stran .btn-primary:hover,
body.webrox-guard-stran .button:not(.button-outline):hover,
body.webrox-guard-stran button.button:hover,
body.webrox-guard-stran input[type="submit"]:hover {
	border-color: var(--wg-blue-dark) !important;
	background: var(--wg-blue-dark) !important;
	box-shadow: 0 7px 18px rgba(20, 120, 255, .18) !important;
}

body.webrox-guard-stran .btn-outline-primary,
body.webrox-guard-stran .button-outline {
	border: 1px solid var(--wg-border-strong) !important;
	background: var(--wg-surface) !important;
	color: var(--wg-blue) !important;
}

body.webrox-guard-stran .btn-outline-primary:hover,
body.webrox-guard-stran .button-outline:hover {
	border-color: var(--wg-blue) !important;
	background: var(--wg-blue-soft) !important;
	color: var(--wg-blue-dark) !important;
}

body.webrox-guard-stran :where(input.input-text, input.form-control, textarea, select) {
	min-height: 48px;
	border: 1px solid var(--wg-border-strong) !important;
	border-radius: var(--wg-radius-sm) !important;
	background: var(--wg-surface) !important;
	color: var(--wg-ink) !important;
	box-shadow: none !important;
	transition: border-color .2s var(--wg-ease), box-shadow .2s var(--wg-ease);
}

body.webrox-guard-stran :where(input.input-text, input.form-control, textarea, select):focus {
	border-color: var(--wg-blue) !important;
	box-shadow: 0 0 0 4px rgba(20, 120, 255, .1) !important;
}

body.webrox-guard-stran :where(.card, .varuh-kartica, .varuh-cenik, .varuh-product-card, .varuh-package-compare-card) {
	border-color: var(--wg-border) !important;
	border-radius: var(--wg-radius) !important;
	box-shadow: var(--wg-shadow-xs) !important;
}

body.webrox-guard-stran :where(.card, .varuh-kartica, .varuh-cenik, .varuh-package-compare-card):hover {
	border-color: var(--wg-border-strong) !important;
	box-shadow: var(--wg-shadow-sm) !important;
}

body.webrox-guard-stran .badge,
body.webrox-guard-stran .varuh-oznaka,
body.webrox-guard-stran .varuh-nadnaslov {
	box-shadow: none !important;
}

/* Shared page rhythm. */
body.webrox-guard-stran .webrox-guard-stran-main > section:not(.varuh-hero) {
	padding-top: var(--wg-section-y) !important;
	padding-bottom: var(--wg-section-y) !important;
}

body.webrox-guard-stran .webrox-guard-stran-main > section > .container,
body.webrox-guard-stran .varuh-partnerji > .container,
body.webrox-guard-stran .varuh-site-header > .container,
body.webrox-guard-stran .varuh-footer > .container {
	max-width: 1200px;
}

body.webrox-guard-stran .webrox-guard-stran-main > section .row.justify-content-center.mb-5 {
	margin-bottom: var(--wg-section-head-gap) !important;
}

body.webrox-guard-stran .webrox-guard-stran-main > :is(.varuh-paketi, .varuh-zakaj, .varuh-dodatki) .row.justify-content-center.mb-5 {
	margin-bottom: calc(var(--wg-section-head-gap) + 1.25rem) !important;
}

body.webrox-guard-stran .webrox-guard-stran-main > section .varuh-oznaka.mb-3,
body.webrox-guard-stran .varuh-partnerji .varuh-oznaka.mb-3 {
	margin-bottom: var(--wg-space-sm) !important;
}

body.webrox-guard-stran .webrox-guard-stran-main > section h2.mb-3,
body.webrox-guard-stran .webrox-guard-stran-main > section h2.mb-4 {
	margin-bottom: var(--wg-space-sm) !important;
}

body.webrox-guard-stran .webrox-guard-stran-main > section .varuh-sekcijski-cta.mt-4 {
	margin-top: var(--wg-space-lg) !important;
}

body.webrox-guard-stran .row.g-4 {
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}

body.webrox-guard-stran .varuh-sekcijski-cta,
body.webrox-guard-stran .varuh-opomba,
body.webrox-guard-stran .varuh-hiter-nakup-panel {
	border: 1px solid var(--wg-border) !important;
	border-radius: var(--wg-radius) !important;
	background: var(--wg-surface) !important;
	box-shadow: var(--wg-shadow-xs) !important;
}

body.webrox-guard-stran .varuh-sekcijski-cta {
	gap: var(--wg-space-lg);
	padding: var(--wg-panel-pad);
}

body.webrox-guard-stran .varuh-sekcijski-cta-gumbi {
	gap: var(--wg-space-sm);
}

body.webrox-guard-stran .varuh-partnerji {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

body.webrox-guard-stran .varuh-partnerji-glava {
	gap: var(--wg-space-xl);
	margin-bottom: var(--wg-space-lg);
}

body.webrox-guard-stran #safe-updates .row.g-5 {
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2rem;
	align-items: flex-start !important;
}

body.webrox-guard-stran .varuh-woocommerce-panel {
	gap: var(--wg-space-lg);
	padding: var(--wg-panel-pad);
}

body.webrox-guard-stran .varuh-woocommerce-besedilo,
body.webrox-guard-stran .varuh-woocommerce-tok {
	padding: var(--wg-panel-pad);
}

body.webrox-guard-stran .varuh-incident-panel {
	gap: var(--wg-space-md);
	padding: var(--wg-space-md);
}

body.webrox-guard-stran .varuh-incident-panel .varuh-casovnica,
body.webrox-guard-stran .varuh-incident-panel .varuh-report,
body.webrox-guard-stran .varuh-kartica .card-body,
body.webrox-guard-stran .varuh-proces .card-body {
	padding: var(--wg-panel-pad) !important;
}

body.webrox-guard-stran .varuh-ustanovitelj-panel {
	align-items: stretch;
	gap: var(--wg-space-xl);
	padding: var(--wg-panel-pad);
}

body.webrox-guard-stran .varuh-ustanovitelj-vsebina {
	padding: var(--wg-space-md) var(--wg-space-md) var(--wg-space-md) 0;
}

body.webrox-guard-stran .varuh-final-cta .varuh-zakljucek {
	gap: var(--wg-space-xl);
	padding: var(--wg-space-lg);
}

body.webrox-guard-stran .varuh-dinamicni-scan,
body.webrox-guard-stran .varuh-dinamicni-scan:first-child {
	margin-top: var(--wg-space-lg);
}

body.webrox-guard-stran .varuh-dinamicni-scan:first-child {
	margin-bottom: var(--wg-space-lg);
}

/* Header and account access. */
body.webrox-guard-stran .varuh-site-header {
	border-bottom: 1px solid rgba(184, 199, 218, .14);
	background: var(--wg-navy-950);
	box-shadow: 0 4px 18px rgba(7, 17, 31, .12);
}

body.webrox-guard-stran .varuh-site-nav {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .85rem;
	min-height: 72px;
}

body.webrox-guard-stran .varuh-site-brand img {
	display: block;
	width: 176px;
	max-height: 50px;
	object-fit: contain;
}

body.webrox-guard-stran .varuh-site-links {
	justify-self: center;
	gap: .25rem;
}

body.webrox-guard-stran .varuh-site-links a {
	min-height: 40px;
	padding: .55rem .7rem;
	border-radius: var(--wg-radius-sm);
	color: #b9c9dd;
	font-size: .84rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-site-links a:hover,
body.webrox-guard-stran .varuh-site-links a:focus {
	background: rgba(255, 255, 255, .06);
	color: #fff;
}

body.webrox-guard-stran .varuh-site-account,
body.webrox-guard-stran .varuh-home-account {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .48rem;
	min-height: 40px;
	padding: .55rem .76rem;
	border: 1px solid rgba(167, 194, 229, .28);
	border-radius: var(--wg-radius-sm);
	background: rgba(255, 255, 255, .035);
	color: #d4e2f3;
	font-size: .82rem;
	font-weight: 750;
	text-decoration: none;
	transition: color .2s var(--wg-ease), background-color .2s var(--wg-ease), border-color .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-site-account:hover,
body.webrox-guard-stran .varuh-site-account:focus,
body.webrox-guard-stran .varuh-home-account:hover,
body.webrox-guard-stran .varuh-home-account:focus {
	border-color: rgba(125, 181, 255, .6);
	background: rgba(20, 120, 255, .12);
	color: #fff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-site-account i,
body.webrox-guard-stran .varuh-home-account i {
	color: #72adff;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-site-cta {
	min-height: 40px;
	padding: .55rem .82rem;
}

/* Landing hero and conversion components. */
body.webrox-guard-stran .varuh-hero > .container {
	position: relative;
}

body.webrox-guard-stran .varuh-home-account {
	position: absolute;
	top: -2.25rem;
	right: .75rem;
	z-index: 5;
}

body.webrox-guard-stran section.varuh-hero.varuh-ozadje-animirano {
	padding-top: 4.75rem !important;
	padding-bottom: 4.5rem !important;
	background-color: var(--wg-navy-950);
	box-shadow: inset 0 -1px rgba(184, 199, 218, .15);
}

body.webrox-guard-stran .varuh-hero-logo {
	width: min(18rem, 72vw);
	margin-bottom: 2rem;
}

body.webrox-guard-stran .varuh-hero-vsebina h1 {
	max-width: 650px;
	margin-bottom: 1.4rem !important;
	font-size: 3.25rem;
	line-height: 1.05;
}

body.webrox-guard-stran .varuh-hero-vsebina .lead {
	max-width: 670px;
	margin-bottom: 2rem !important;
	color: #c2d2e7;
}

body.webrox-guard-stran .varuh-scan-status:empty {
	display: none;
}

body.webrox-guard-stran .varuh-hero-free-scan {
	border: 1px solid rgba(144, 177, 220, .28);
	border-radius: var(--wg-radius) !important;
	background: rgba(13, 28, 48, .88);
	box-shadow: 0 12px 30px rgba(2, 8, 18, .2) !important;
}

body.webrox-guard-stran .varuh-free-scan-vnos .form-control {
	border-color: rgba(255, 255, 255, .72) !important;
	background: #fff !important;
}

body.webrox-guard-stran .varuh-hero-zaupanje span {
	border-color: rgba(144, 177, 220, .22);
	background: rgba(255, 255, 255, .035);
	box-shadow: none;
}

body.webrox-guard-stran .varuh-hero-panel {
	border: 1px solid #ccd8e6;
	border-radius: var(--wg-radius) !important;
	background: #fff;
	box-shadow: 0 16px 42px rgba(2, 8, 18, .2) !important;
}

body.webrox-guard-stran .varuh-rezultat-kartice > div,
body.webrox-guard-stran .varuh-priporocilo {
	border-color: var(--wg-border) !important;
	border-radius: var(--wg-radius-sm) !important;
	box-shadow: none !important;
}

body.webrox-guard-stran .varuh-cenik {
	background: var(--wg-surface);
	transition: border-color .22s var(--wg-ease), box-shadow .22s var(--wg-ease), transform .22s var(--wg-ease);
}

body.webrox-guard-stran .varuh-cenik:hover {
	transform: translateY(-3px);
}

body.webrox-guard-stran .varuh-cenik.varuh-izpostavljen {
	border: 1px solid var(--wg-blue) !important;
	border-top-width: 3px !important;
	box-shadow: 0 12px 30px rgba(20, 120, 255, .11) !important;
	transform: none;
}

body.webrox-guard-stran .varuh-cenik.varuh-izpostavljen:hover {
	transform: translateY(-3px);
}

body.webrox-guard-stran .varuh-cenik .card-body {
	padding: 1.5rem !important;
}

body.webrox-guard-stran .varuh-cenik .varuh-package-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 1.9rem;
	margin-bottom: var(--wg-space-sm) !important;
}

body.webrox-guard-stran .varuh-cenik .varuh-package-badge-commerce {
	border: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-cenik .varuh-letno,
body.webrox-guard-stran .varuh-trial-strip {
	border-radius: var(--wg-radius-sm) !important;
}

body.webrox-guard-stran .varuh-kartica,
body.webrox-guard-stran .varuh-dodatek,
body.webrox-guard-stran .varuh-varovalo,
body.webrox-guard-stran .varuh-funkcija {
	transition: border-color .22s var(--wg-ease), box-shadow .22s var(--wg-ease), transform .22s var(--wg-ease);
}

body.webrox-guard-stran .varuh-kartica:hover,
body.webrox-guard-stran .varuh-dodatek:hover,
body.webrox-guard-stran .varuh-varovalo:hover,
body.webrox-guard-stran .varuh-funkcija:hover {
	transform: translateY(-2px) !important;
}

body.webrox-guard-stran .varuh-partner-logo {
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: #fff;
	box-shadow: var(--wg-shadow-xs);
	transition: border-color .2s var(--wg-ease), transform .2s var(--wg-ease), box-shadow .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-partner-logo:hover {
	border-color: var(--wg-border-strong);
	transform: translateY(-2px);
	box-shadow: var(--wg-shadow-sm);
}

/* Connected Webrox product: guided site creation before Guard monitoring. */
body.webrox-guard-stran .varuh-webrox-strani {
	border-top: 1px solid var(--wg-border);
	border-bottom: 1px solid var(--wg-border);
	background: #f4f7fb;
}

body.webrox-guard-stran .varuh-webrox-strani-panel {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(31rem, 1.12fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 4.5rem);
	border: 1px solid #ccd9e8;
	border-radius: var(--wg-radius);
	background: #fff;
	box-shadow: 0 18px 48px rgba(8, 25, 47, .08);
}

body.webrox-guard-stran .varuh-webrox-strani-copy h2 {
	max-width: 39rem;
	margin: 0 0 1rem;
	color: var(--wg-ink);
	font-size: clamp(1.8rem, 3vw, 2.65rem);
	line-height: 1.08;
	letter-spacing: -.035em;
}

body.webrox-guard-stran .varuh-webrox-strani-copy > p:not(.varuh-oznaka) {
	max-width: 38rem;
	margin: 0;
	color: #5e7188;
	line-height: 1.75;
}

body.webrox-guard-stran .varuh-webrox-strani-actions {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-webrox-strani-preview {
	overflow: hidden;
	border: 1px solid #bfd0e4;
	border-radius: .9rem;
	background: #f8fbff;
	box-shadow: 0 16px 36px rgba(8, 31, 58, .11);
}

body.webrox-guard-stran .varuh-webrox-strani-preview-head {
	min-height: 3.45rem;
	padding: 0 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: #fff;
	background: #0b2341;
}

body.webrox-guard-stran .varuh-webrox-strani-preview-head span {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .04em;
}

body.webrox-guard-stran .varuh-webrox-strani-preview-head i {
	color: #67a8ff;
}

body.webrox-guard-stran .varuh-webrox-strani-preview-head em {
	padding: .35rem .55rem;
	border: 1px solid rgba(130, 182, 249, .35);
	border-radius: 999px;
	color: #bed8fa;
	font-size: .68rem;
	font-style: normal;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-webrox-strani-preview-body {
	padding: 1rem;
	display: grid;
	grid-template-columns: minmax(12rem, .82fr) minmax(15rem, 1.18fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page {
	min-height: 16.5rem;
	padding: 1.1rem;
	display: flex;
	flex-direction: column;
	border: 1px solid #d8e3ef;
	border-radius: .65rem;
	background: linear-gradient(145deg, #eaf3ff, #fff);
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page span,
body.webrox-guard-stran .varuh-webrox-strani-mini-page strong,
body.webrox-guard-stran .varuh-webrox-strani-mini-page i {
	display: block;
	border-radius: 999px;
	background: #9db2ca;
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page span {
	width: 34%;
	height: .35rem;
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page strong {
	width: 78%;
	height: .7rem;
	margin-top: 3rem;
	background: #263e5c;
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page i {
	width: 92%;
	height: .35rem;
	margin-top: .55rem;
}

body.webrox-guard-stran .varuh-webrox-strani-mini-page i:nth-last-child(-n+3) {
	width: 100%;
	height: 2.7rem;
	margin-top: auto;
	border-radius: .45rem;
	background: #dbe7f4;
}

body.webrox-guard-stran .varuh-webrox-strani-preview ol {
	margin: 0;
	padding: 0;
	display: grid;
	align-content: center;
	gap: .6rem;
	list-style: none;
}

body.webrox-guard-stran .varuh-webrox-strani-preview li {
	min-height: 4.6rem;
	padding: .8rem;
	display: grid;
	grid-template-columns: 2.2rem minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	border: 1px solid #d8e3ef;
	border-radius: .65rem;
	background: #fff;
}

body.webrox-guard-stran .varuh-webrox-strani-preview li > span {
	width: 2.2rem;
	height: 2.2rem;
	display: grid;
	place-items: center;
	color: #1478ff;
	border-radius: 50%;
	background: #e8f2ff;
	font-size: .68rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-webrox-strani-preview li strong,
body.webrox-guard-stran .varuh-webrox-strani-preview li small {
	display: block;
}

body.webrox-guard-stran .varuh-webrox-strani-preview li strong {
	color: #18314f;
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-webrox-strani-preview li small {
	margin-top: .18rem;
	color: #76889e;
	font-size: .68rem;
}

@media (max-width: 992px) {
	body.webrox-guard-stran .varuh-webrox-strani-panel {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	body.webrox-guard-stran .varuh-webrox-strani-preview-body {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-webrox-strani-mini-page {
		min-height: 12rem;
	}

	body.webrox-guard-stran .varuh-webrox-strani-actions .btn {
		width: 100%;
		justify-content: center;
	}
}

/* Project proof: public scan results, clearly separated from testimonials. */
body.webrox-guard-stran .varuh-projektni-dokazi {
	border-bottom: 1px solid var(--wg-border);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-projektni-dokazi-glava {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
	align-items: end;
	gap: 2.5rem;
	margin-bottom: var(--wg-section-head-gap);
}

body.webrox-guard-stran .varuh-projektni-dokazi-glava h2 {
	max-width: 39rem;
	margin: 0;
}

body.webrox-guard-stran .varuh-projektni-dokazi-glava > p {
	max-width: 34rem;
	margin: 0;
	color: var(--wg-muted);
	line-height: 1.65;
}

body.webrox-guard-stran .varuh-projektni-dokazi-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-projektni-dokaz {
	display: flex;
	min-width: 0;
	padding: 1.4rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: #fff;
	box-shadow: var(--wg-shadow-xs);
	flex-direction: column;
	transition: border-color .2s var(--wg-ease), box-shadow .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-projektni-dokaz:hover {
	border-color: var(--wg-border-strong);
	box-shadow: var(--wg-shadow-sm);
	transform: translateY(-2px);
}

body.webrox-guard-stran .varuh-projektni-dokaz-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.15rem;
}

body.webrox-guard-stran .varuh-projektni-dokaz-logo {
	display: grid;
	place-items: center;
	width: 8.4rem;
	height: 3.8rem;
	padding: .55rem .75rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-projektni-dokaz-logo img {
	display: block;
	max-width: 100%;
	max-height: 2.45rem;
	object-fit: contain;
}

body.webrox-guard-stran .varuh-projektni-dokaz-score {
	display: grid;
	justify-items: end;
	flex: 0 0 auto;
	gap: .05rem;
}

body.webrox-guard-stran .varuh-projektni-dokaz-score span {
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-projektni-dokaz-score strong {
	color: #08744f;
	font-size: 1.45rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-projektni-dokaz-score small {
	color: #587266;
	font-size: .7rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-projektni-dokaz-tip {
	width: fit-content;
	margin-bottom: .55rem;
	color: var(--wg-blue);
	font-size: .7rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-projektni-dokaz h3 {
	margin: 0 0 .65rem;
	font-size: 1.25rem;
}

body.webrox-guard-stran .varuh-projektni-dokaz > p {
	margin: 0 0 1.15rem;
	color: var(--wg-muted);
	font-size: .92rem;
	line-height: 1.58;
}

body.webrox-guard-stran .varuh-projektni-dokaz-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	margin-top: auto;
}

body.webrox-guard-stran .varuh-projektni-dokaz-meta span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	min-width: 0;
	padding: .38rem .55rem;
	border: 1px solid var(--wg-border);
	border-radius: 6px;
	background: var(--wg-surface-muted);
	color: var(--wg-ink);
	font-size: .72rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-projektni-dokaz-meta i {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-projektni-dokaz footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: 1.1rem;
	padding-top: .9rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-projektni-dokaz footer small {
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-projektni-dokaz footer a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--wg-blue);
	font-size: .78rem;
	font-weight: 900;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-projektni-dokazi-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin-top: 1.25rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: #fff;
}

body.webrox-guard-stran .varuh-projektni-dokazi-cta > div {
	display: grid;
	gap: .2rem;
}

body.webrox-guard-stran .varuh-projektni-dokazi-cta span {
	color: var(--wg-muted);
	font-size: .88rem;
}

body.webrox-guard-stran .varuh-projektni-dokazi-cta .btn {
	flex: 0 0 auto;
}

@media (min-width: 992px) {
	body.webrox-guard-stran.varuh-popup-odprt .varuh-projektni-dokazi-cta {
		padding-right: 22.5rem;
	}
}

body.webrox-guard-stran .varuh-kako-korak,
body.webrox-guard-stran .varuh-primerjava-tabela,
body.webrox-guard-stran .varuh-casovnica,
body.webrox-guard-stran .varuh-report {
	border-color: var(--wg-border) !important;
	border-radius: var(--wg-radius) !important;
	box-shadow: var(--wg-shadow-xs) !important;
}

/* Product pages. */
body.webrox-guard-stran.single-product .varuh-product-hero {
	padding-top: 3.75rem !important;
	padding-bottom: 3.75rem !important;
}

body.webrox-guard-stran.single-product .varuh-product-shell {
	gap: 2.5rem;
}

body.webrox-guard-stran.single-product .varuh-product-meta {
	gap: .75rem;
	margin-bottom: 1.35rem;
}

body.webrox-guard-stran.single-product .varuh-product-back {
	min-height: 40px;
	padding: .55rem .75rem;
	border: 1px solid rgba(170, 196, 231, .3);
	border-radius: var(--wg-radius-sm);
	background: rgba(255, 255, 255, .04);
}

body.webrox-guard-stran.single-product .varuh-product-card {
	border: 1px solid #ccd8e6 !important;
	background: #fff;
	box-shadow: 0 16px 40px rgba(2, 8, 18, .18) !important;
}

body.webrox-guard-stran.single-product .varuh-product-card-image {
	border-radius: var(--wg-radius) !important;
	box-shadow: inset 0 0 0 1px rgba(20, 120, 255, .08);
}

body.webrox-guard-stran.single-product .varuh-billing-choice {
	gap: .75rem;
	padding: .65rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius) !important;
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran.single-product .varuh-billing-choice label {
	border-radius: var(--wg-radius-sm) !important;
	box-shadow: none !important;
}

body.webrox-guard-stran.single-product .varuh-billing-choice label.is-active {
	box-shadow: 0 7px 18px rgba(20, 120, 255, .09) !important;
}

body.webrox-guard-stran.single-product .varuh-product-flow,
body.webrox-guard-stran.single-product .varuh-product-section,
body.webrox-guard-stran.single-product .varuh-product-proof {
	padding-top: var(--wg-section-y) !important;
	padding-bottom: var(--wg-section-y) !important;
}

body.webrox-guard-stran.single-product .varuh-product-flow {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}

body.webrox-guard-stran.single-product .varuh-product-flow-grid,
body.webrox-guard-stran.single-product .varuh-product-detail-grid,
body.webrox-guard-stran.single-product .varuh-package-compare-grid {
	gap: 1.25rem;
}

body.webrox-guard-stran.single-product .varuh-package-compare-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1199.98px) and (min-width: 992px) {
	body.webrox-guard-stran.single-product .varuh-package-compare-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran.single-product .varuh-package-compare-grid {
		grid-template-columns: 1fr;
	}
}

body.webrox-guard-stran.single-product .varuh-product-panel,
body.webrox-guard-stran.single-product .varuh-package-compare-card,
body.webrox-guard-stran.single-product .varuh-product-proof-inner {
	border-radius: var(--wg-radius) !important;
	box-shadow: var(--wg-shadow-xs) !important;
}

/* Classic WooCommerce checkout refinements. */
body.webrox-guard-stran.woocommerce-checkout {
	background: var(--wg-canvas);
}

body.webrox-guard-stran.woocommerce-checkout > .py-5.py-xl-6 {
	padding: 2.25rem 0 !important;
	border-bottom: 1px solid var(--wg-border);
	background: var(--wg-surface) !important;
}

body.webrox-guard-stran.woocommerce-checkout > .py-5.py-xl-6 > .container {
	max-width: 1120px;
	text-align: left !important;
}

body.webrox-guard-stran.woocommerce-checkout > .py-5.py-xl-6 h1 {
	max-width: none;
	margin: 0;
	font-size: 2.65rem;
	line-height: 1.08;
}

body.webrox-guard-stran.woocommerce-checkout #container-content-page > .row > .col-md-10 {
	width: min(1120px, calc(100% - 3rem));
	max-width: 1120px;
	margin: 0 auto !important;
	padding: 2rem 0 4rem !important;
}

body.webrox-guard-stran.woocommerce-checkout .entry-header,
body.webrox-guard-stran.woocommerce-checkout form.woocommerce-checkout > #customer_details,
body.webrox-guard-stran.woocommerce-checkout form.woocommerce-checkout > #order_review {
	border-color: var(--wg-border) !important;
	border-radius: var(--wg-radius) !important;
	box-shadow: var(--wg-shadow-sm) !important;
}

body.webrox-guard-stran.woocommerce-checkout form.woocommerce-checkout {
	column-gap: 1.5rem;
	row-gap: 1rem;
}

body.webrox-guard-stran.woocommerce-checkout #customer_details > .col-1,
body.webrox-guard-stran.woocommerce-checkout #customer_details > .col-2 {
	padding: 1.5rem !important;
}

body.webrox-guard-stran.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.webrox-guard-stran.woocommerce-checkout .woocommerce-checkout-review-order-table td {
	padding: .9rem 0 !important;
}

body.webrox-guard-stran.woocommerce-checkout #payment {
	border-radius: var(--wg-radius-sm) !important;
	background: var(--wg-surface-muted) !important;
}

body.webrox-guard-stran.woocommerce-checkout #place_order {
	min-height: 50px;
}

body.webrox-guard-stran .woocommerce-message,
body.webrox-guard-stran .woocommerce-info,
body.webrox-guard-stran .woocommerce-error {
	border-radius: var(--wg-radius) !important;
	box-shadow: var(--wg-shadow-xs) !important;
}

/* My Account page shell. */
body.webrox-guard-stran.woocommerce-account {
	background: var(--wg-canvas);
}

body.webrox-guard-stran.woocommerce-account > .py-5,
body.webrox-guard-stran.woocommerce-account #container-content-page > .row > .col-md-10 > .entry-header {
	display: none !important;
}

body.webrox-guard-stran.woocommerce-account #container-content-page {
	width: 100%;
	max-width: none;
	padding: 0 !important;
	background: var(--wg-canvas);
}

body.webrox-guard-stran.woocommerce-account #container-content-page > .row {
	margin: 0 !important;
}

body.webrox-guard-stran.woocommerce-account #container-content-page > .row > .col-md-10 {
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
}

body.webrox-guard-stran.woocommerce-account #container-content-page .woocommerce {
	width: 100%;
}

body.webrox-guard-stran.woocommerce-account .woocommerce-notices-wrapper:not(:empty) {
	width: min(1152px, calc(100% - 3rem));
	margin: 1.5rem auto 0;
}

body.webrox-guard-stran.woocommerce-account section[class*="varuh-account"],
body.webrox-guard-stran.woocommerce-account section[class*="varuh-auth"] {
	padding: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

body.webrox-guard-stran .varuh-account-page {
	width: min(1152px, calc(100% - 3rem));
	max-width: calc(100vw - 3rem);
	margin: 0 auto;
	padding: 3rem 0 4.5rem;
}

body.webrox-guard-stran .varuh-account-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 1.25rem;
	padding: 2rem !important;
	border: 1px solid #1f3451;
	border-radius: var(--wg-radius);
	background: var(--wg-navy-900) !important;
	color: #d8e5f5;
	box-shadow: var(--wg-shadow-sm);
}

body.webrox-guard-stran .varuh-account-hero h1 {
	max-width: none;
	margin: .55rem 0 .45rem;
	color: #fff;
	font-size: 2.25rem;
	line-height: 1.1;
}

body.webrox-guard-stran .varuh-account-hero p {
	margin: 0;
	color: #b8c8db;
}

body.webrox-guard-stran .varuh-account-eyebrow,
body.webrox-guard-stran .varuh-account-section-label {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--wg-blue);
	font-size: .74rem;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-account-hero .varuh-account-eyebrow {
	color: #83b8ff;
}

body.webrox-guard-stran .varuh-account-context {
	display: grid;
	gap: .2rem;
	min-width: 165px;
	padding: .8rem 1rem;
	border-left: 2px solid var(--wg-blue);
	background: rgba(255, 255, 255, .045);
}

body.webrox-guard-stran .varuh-account-context span {
	color: #91a7c2;
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-account-context strong {
	color: #fff;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-account-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	align-items: start;
	gap: 1.25rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-account-navigation.woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: .75rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-account-person {
	display: flex;
	align-items: center;
	gap: .7rem;
	padding: .45rem .45rem 1rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-account-avatar {
	width: 46px;
	height: 46px;
	border: 2px solid var(--wg-blue-soft);
	border-radius: 50%;
	object-fit: cover;
}

body.webrox-guard-stran .varuh-account-person span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-account-person strong,
body.webrox-guard-stran .varuh-account-person small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-account-person strong {
	color: var(--wg-ink);
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-account-person small {
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-account-navigation ul {
	display: grid;
	gap: .22rem;
	margin: .75rem 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-account-navigation li {
	margin: 0;
}

body.webrox-guard-stran .varuh-account-navigation li a {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	gap: .55rem;
	min-height: 44px;
	padding: .65rem .72rem;
	border-radius: var(--wg-radius-sm);
	color: #4d5a70;
	font-size: .84rem;
	font-weight: 700;
	text-decoration: none;
	transition: color .18s var(--wg-ease), background-color .18s var(--wg-ease), transform .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-account-navigation li a > i:first-child {
	color: #8292aa;
	text-align: center;
}

body.webrox-guard-stran .varuh-account-navigation li a:hover,
body.webrox-guard-stran .varuh-account-navigation li.is-active a {
	background: var(--wg-blue-soft);
	color: var(--wg-blue-dark);
}

body.webrox-guard-stran .varuh-account-navigation li.is-active a > i:first-child {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-account-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
	grid-template-columns: 22px minmax(0, 1fr);
	color: #8b4a55;
}

body.webrox-guard-stran .varuh-account-nav-arrow {
	color: #a5b3c5;
	font-size: .65rem;
}

body.webrox-guard-stran .varuh-account-help {
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: .85rem .55rem .35rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-account-help > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-green-soft);
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-account-help span {
	display: grid;
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-account-help strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-account-help a {
	color: var(--wg-blue);
	font-weight: 700;
}

body.webrox-guard-stran .varuh-account-content.woocommerce-MyAccount-content {
	float: none;
	width: auto;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 1.5rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-account-summary {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.25rem;
}

body.webrox-guard-stran .varuh-account-summary h2,
body.webrox-guard-stran .varuh-account-section-heading h2,
body.webrox-guard-stran .varuh-account-empty h2 {
	margin: .35rem 0;
	font-size: 1.55rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-account-summary p,
body.webrox-guard-stran .varuh-account-empty p {
	max-width: 620px;
	margin: 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-account-primary-action {
	flex: 0 0 auto;
	display: inline-flex !important;
	align-items: center;
	gap: .5rem;
	padding: .65rem .9rem !important;
}

body.webrox-guard-stran .varuh-account-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
	margin-bottom: 1.25rem;
}

body.webrox-guard-stran .varuh-account-metrics > a {
	display: flex;
	align-items: center;
	gap: .65rem;
	min-width: 0;
	padding: .85rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
	color: inherit;
	text-decoration: none;
	transition: border-color .2s var(--wg-ease), background-color .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-account-metrics > a:hover {
	border-color: var(--wg-border-strong);
	background: #fff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-account-metrics > a > i {
	display: grid;
	place-items: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-account-metrics span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-account-metrics small,
body.webrox-guard-stran .varuh-account-metrics strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-account-metrics small {
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-account-metrics strong {
	color: var(--wg-ink);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-account-subscriptions,
body.webrox-guard-stran .varuh-account-empty {
	margin-bottom: 1.25rem;
	padding: 1.15rem !important;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted) !important;
}

body.webrox-guard-stran.woocommerce-account section.varuh-account-subscriptions,
body.webrox-guard-stran.woocommerce-account section.varuh-account-empty {
	padding: 1.15rem !important;
}

body.webrox-guard-stran .varuh-account-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .85rem;
}

body.webrox-guard-stran .varuh-account-section-heading h2 {
	margin-bottom: 0;
}

body.webrox-guard-stran .varuh-account-section-heading > a {
	color: var(--wg-blue);
	font-size: .8rem;
	font-weight: 750;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-account-subscription-list {
	display: grid;
	gap: .5rem;
}

body.webrox-guard-stran .varuh-account-subscription-row {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto auto 16px;
	align-items: center;
	gap: .75rem;
	padding: .75rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: #fff;
	color: inherit;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-account-subscription-row > i:first-child {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-account-subscription-name {
	display: grid;
}

body.webrox-guard-stran .varuh-account-subscription-name strong {
	color: var(--wg-ink);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-account-subscription-name small {
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-account-status {
	padding: .3rem .5rem;
	border-radius: 999px;
	background: var(--wg-blue-soft);
	color: var(--wg-blue-dark);
	font-size: .68rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-account-status-active {
	background: var(--wg-green-soft);
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-account-subscription-total {
	color: var(--wg-ink);
	font-size: .82rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-account-empty {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-account-empty-icon {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: var(--wg-radius);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-account-empty-actions {
	display: flex;
	gap: .5rem;
}

body.webrox-guard-stran .varuh-account-empty-actions .button {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .65rem .8rem !important;
}

body.webrox-guard-stran .varuh-account-details-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
}

body.webrox-guard-stran .varuh-account-details-grid > section {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 34px;
	align-items: center;
	gap: .7rem;
	padding: .9rem !important;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: #fff !important;
}

body.webrox-guard-stran .varuh-account-detail-icon {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-green-soft);
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-account-details-grid h3 {
	margin: .18rem 0;
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-account-details-grid p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-account-details-grid > section > a {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	text-decoration: none;
}

/* Default WooCommerce account endpoints. */
body.webrox-guard-stran .varuh-account-content > :first-child {
	margin-top: 0;
}

body.webrox-guard-stran .varuh-account-content > :last-child {
	margin-bottom: 0;
}

body.webrox-guard-stran .varuh-account-content > h2,
body.webrox-guard-stran .varuh-account-content > h3,
body.webrox-guard-stran .varuh-account-content form > h2,
body.webrox-guard-stran .varuh-account-content form > h3 {
	margin: 0 0 1rem;
	font-size: 1.55rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-account-content .woocommerce-info,
body.webrox-guard-stran .varuh-account-content .woocommerce-message,
body.webrox-guard-stran .varuh-account-content .woocommerce-error {
	margin: 0 !important;
	padding: 1rem 1rem 1rem 3rem !important;
}

body.webrox-guard-stran .varuh-account-content table.shop_table,
body.webrox-guard-stran .varuh-account-content table.account-orders-table,
body.webrox-guard-stran .varuh-account-content table.my_account_subscriptions {
	width: 100%;
	margin: 0 0 1rem;
	border: 1px solid var(--wg-border) !important;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--wg-radius) !important;
	background: #fff;
	overflow: hidden;
}

body.webrox-guard-stran .varuh-account-content table th,
body.webrox-guard-stran .varuh-account-content table td {
	padding: .85rem !important;
	border-bottom: 1px solid var(--wg-border) !important;
	font-size: .82rem;
	text-align: left;
	vertical-align: middle;
}

body.webrox-guard-stran .varuh-account-content table th {
	background: var(--wg-surface-muted);
	color: var(--wg-muted);
	font-size: .7rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-account-content table tr:last-child td {
	border-bottom: 0 !important;
}

body.webrox-guard-stran .varuh-account-content table .button {
	min-height: 36px;
	padding: .45rem .65rem !important;
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-account-content .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .85rem;
}

body.webrox-guard-stran .varuh-account-content .woocommerce-Address {
	float: none;
	width: auto;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-account-content .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-account-content .woocommerce-Address-title h2,
body.webrox-guard-stran .varuh-account-content .woocommerce-Address-title h3 {
	margin: 0;
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-account-content form .form-row {
	margin: 0 0 .9rem;
	padding: 0;
}

body.webrox-guard-stran .varuh-account-content form label {
	margin-bottom: .35rem;
	color: var(--wg-ink);
	font-size: .8rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-account-content form fieldset {
	margin: 1.25rem 0;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-account-content form fieldset legend {
	float: none;
	width: auto;
	margin: 0;
	padding: 0 .35rem;
	color: var(--wg-ink);
	font-size: .85rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-account-content .woocommerce-PaymentMethod,
body.webrox-guard-stran .varuh-account-content .woocommerce-PaymentMethods {
	border-color: var(--wg-border) !important;
}

/* Authentication. */
body.webrox-guard-stran .varuh-auth-page {
	width: min(1152px, calc(100% - 3rem));
	max-width: calc(100vw - 3rem);
	margin: 0 auto;
	padding: 3rem 0 4.5rem;
}

body.webrox-guard-stran .varuh-auth-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 1.5rem;
	margin-bottom: 1.25rem;
	padding: 2rem;
	border: 1px solid #1f3451;
	border-radius: var(--wg-radius);
	background: var(--wg-navy-900);
	color: #d5e2f2;
	box-shadow: var(--wg-shadow-sm);
}

body.webrox-guard-stran .varuh-auth-intro h1 {
	grid-column: 1;
	max-width: none;
	margin: .6rem 0 .45rem;
	color: #fff;
	font-size: 2.35rem;
	line-height: 1.08;
}

body.webrox-guard-stran .varuh-auth-intro > p {
	grid-column: 1;
	max-width: 670px;
	margin: 0;
	color: #b8c9dd;
}

body.webrox-guard-stran .varuh-auth-intro .varuh-account-eyebrow {
	grid-column: 1;
	color: #83b8ff;
}

body.webrox-guard-stran .varuh-auth-benefits {
	grid-column: 2;
	grid-row: 1 / span 3;
	display: grid;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-auth-benefits span {
	display: flex;
	align-items: center;
	gap: .55rem;
	min-width: 210px;
	padding: .62rem .75rem;
	border-left: 2px solid var(--wg-blue);
	background: rgba(255, 255, 255, .045);
	color: #dce8f7;
	font-size: .78rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-auth-benefits i {
	width: 18px;
	color: #76b0ff;
	text-align: center;
}

body.webrox-guard-stran .varuh-auth-forms {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-auth-panel {
	min-width: 0;
	padding: 1.5rem !important;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface) !important;
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran.woocommerce-account section.varuh-auth-panel {
	padding: 1.5rem !important;
}

body.webrox-guard-stran .varuh-auth-panel-heading {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.2rem;
}

body.webrox-guard-stran .varuh-auth-panel-heading > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-auth-panel-heading div {
	display: grid;
}

body.webrox-guard-stran .varuh-auth-panel-heading span {
	color: var(--wg-muted);
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-auth-panel-heading h2 {
	margin: 0;
	font-size: 1.45rem;
}

body.webrox-guard-stran .varuh-auth-panel-copy {
	margin: -.4rem 0 1rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-auth-panel form {
	margin: 0;
	padding: 0;
	border: 0;
}

body.webrox-guard-stran .varuh-auth-panel .form-row {
	margin: 0 0 .9rem;
	padding: 0;
}

body.webrox-guard-stran .varuh-auth-panel label {
	margin-bottom: .35rem;
	color: var(--wg-ink);
	font-size: .8rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-auth-submit-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: .25rem 0 1rem;
}

body.webrox-guard-stran .varuh-auth-submit-row label {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	margin: 0;
	font-weight: 600;
}

body.webrox-guard-stran .varuh-auth-submit-row input[type="checkbox"] {
	width: 17px;
	height: 17px;
	accent-color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-auth-lost-password {
	color: var(--wg-blue);
	font-size: .78rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-auth-panel button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	margin: 0;
}

body.webrox-guard-stran .varuh-auth-password-note {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	margin: 0 0 1rem;
	padding: .75rem;
	border: 1px solid #cce8dc;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-green-soft);
	color: #356454;
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-auth-password-note i {
	margin-top: .2rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-auth-panel .woocommerce-privacy-policy-text {
	margin: .75rem 0 1rem;
	color: var(--wg-muted);
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-auth-panel .woocommerce-privacy-policy-text p {
	margin: 0;
}

body.webrox-guard-stran .show-password-input {
	top: .85em !important;
	right: .8em !important;
}

/* Footer refinement. */
body.webrox-guard-stran .varuh-footer {
	border-top: 1px solid #1b2a41;
	background: var(--wg-navy-950);
}

body.webrox-guard-stran .varuh-footer-main {
	gap: 3rem;
}

body.webrox-guard-stran .varuh-footer-navigation a,
body.webrox-guard-stran .varuh-footer-pravne a,
body.webrox-guard-stran .varuh-footer-scan {
	transition: color .18s var(--wg-ease), transform .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-footer-navigation a:hover,
body.webrox-guard-stran .varuh-footer-pravne a:hover,
body.webrox-guard-stran .varuh-footer-scan:hover {
	color: #fff;
}

body.webrox-guard-stran .varuh-footer-trust > a {
	box-shadow: none !important;
}

/* One-site package model. */
body.webrox-guard-stran .varuh-package-site {
	display: flex;
	align-items: flex-start;
	gap: .7rem;
	margin: -.25rem 0 1.15rem;
	padding: .8rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-package-site > i {
	display: grid;
	place-items: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-package-site span,
body.webrox-guard-stran .varuh-package-common span {
	display: grid;
	gap: .12rem;
}

body.webrox-guard-stran .varuh-package-site strong,
body.webrox-guard-stran .varuh-package-common strong {
	color: var(--wg-ink);
	font-size: .88rem;
}

body.webrox-guard-stran .varuh-package-site small,
body.webrox-guard-stran .varuh-package-common small {
	color: var(--wg-muted);
	font-size: .76rem;
	line-height: 1.4;
}

body.webrox-guard-stran .varuh-package-common {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-package-common > div {
	display: flex;
	align-items: flex-start;
	gap: .8rem;
	padding: 1rem;
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-package-common i {
	margin-top: .15rem;
	color: var(--wg-blue);
}

body.webrox-guard-stran.single-product .varuh-product-site-plan {
	display: grid;
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-border);
}

body.webrox-guard-stran.single-product .varuh-product-site-plan > div {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	padding: .72rem .8rem;
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran.single-product .varuh-product-site-plan i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran.single-product .varuh-product-site-plan span {
	display: grid;
	gap: .08rem;
}

body.webrox-guard-stran.single-product .varuh-product-site-plan strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran.single-product .varuh-product-site-plan small {
	color: var(--wg-muted);
	font-size: .72rem;
	line-height: 1.35;
}

body.webrox-guard-stran.single-product .varuh-package-compare-site {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	margin: -.25rem 0 1rem;
	padding: .65rem .7rem;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: #355276;
	font-size: .76rem;
	font-weight: 750;
	line-height: 1.4;
}

body.webrox-guard-stran.single-product .varuh-package-compare-site i {
	margin-top: .2rem;
	color: var(--wg-blue);
}

/* My Sites account view. */
body.webrox-guard-stran.woocommerce-account .varuh-sites-page {
	display: grid;
	gap: 1.25rem;
}

body.webrox-guard-stran.woocommerce-account .varuh-sites-page section {
	margin: 0 !important;
}

body.webrox-guard-stran .varuh-sites-summary {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-sites-summary h2,
body.webrox-guard-stran .varuh-site-slots h2,
body.webrox-guard-stran .varuh-site-pricing h2,
body.webrox-guard-stran .varuh-sites-steps h2 {
	margin: .25rem 0 0;
	color: var(--wg-ink);
	font-size: clamp(1.35rem, 2.4vw, 1.8rem);
}

body.webrox-guard-stran .varuh-sites-summary p {
	max-width: 640px;
	margin: .45rem 0 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-sites-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-sites-facts span {
	display: flex;
	align-items: center;
	gap: .55rem;
	min-height: 48px;
	padding: .7rem .8rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
	color: var(--wg-muted);
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-sites-facts i {
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-sites-facts strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-site-slots,
body.webrox-guard-stran .varuh-site-pricing,
body.webrox-guard-stran .varuh-sites-steps {
	padding-top: 1.25rem !important;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-site-slot-grid {
	display: grid;
	gap: .75rem;
	margin-top: .9rem;
}

body.webrox-guard-stran .varuh-site-slot-card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-site-slot-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-site-slot-copy > span {
	color: var(--wg-blue);
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-slot-copy h3 {
	margin: .1rem 0 .15rem;
	color: var(--wg-ink);
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-site-slot-copy p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-site-slot-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem .8rem;
	margin-top: .55rem;
}

body.webrox-guard-stran .varuh-site-slot-meta span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #566982;
	font-size: .68rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-site-slot-meta i {
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-sites-empty {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	padding: 1.1rem !important;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-sites-empty h2 {
	margin: .15rem 0 .25rem;
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-sites-empty p {
	margin: 0;
}

body.webrox-guard-stran .varuh-site-pricing .varuh-account-section-heading > p {
	max-width: 360px;
	margin: 0;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-site-pricing-list {
	display: grid;
	gap: 1px;
	overflow: hidden;
	margin-top: .9rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-site-pricing-row {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) minmax(140px, auto) auto;
	align-items: center;
	gap: 1rem;
	padding: .8rem .9rem;
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-site-pricing-row > span:first-child {
	display: flex;
	align-items: center;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-site-pricing-row i,
body.webrox-guard-stran .varuh-site-pricing-row a {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-site-pricing-row a {
	font-size: .78rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-site-pricing-note {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	margin: .75rem 0 0;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-connector-actions,
body.webrox-guard-stran .varuh-monitor-heading-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .6rem;
}

body.webrox-guard-stran .varuh-connector-actions {
	margin-top: .8rem;
}

body.webrox-guard-stran .varuh-connector-actions form {
	margin: 0;
}

body.webrox-guard-stran .varuh-connector-code {
	display: grid;
	gap: .25rem;
	margin-top: .8rem;
	padding: .8rem;
	border: 1px solid #9dc2f4;
	border-radius: var(--wg-radius-sm);
	background: #f4f8ff;
}

body.webrox-guard-stran .varuh-connector-code span {
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 750;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-connector-code strong {
	color: var(--wg-blue);
	font-size: 1.35rem;
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-setup-connector.is-connected {
	border-color: #a9dfca;
	background: #f2fbf7;
}

body.webrox-guard-stran .varuh-setup-connector.is-connected > i {
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-monitor-detail {
	display: grid;
	gap: 1rem;
	padding-top: 1.25rem !important;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-monitor-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-monitor-heading h2 {
	margin: .2rem 0 .25rem;
	color: var(--wg-ink);
	font-size: clamp(1.5rem, 3vw, 2.15rem);
}

body.webrox-guard-stran .varuh-monitor-heading p,
body.webrox-guard-stran .varuh-monitor-empty {
	margin: 0;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-monitor-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-monitor-metrics > div {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-height: 70px;
	padding: .8rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-monitor-metrics > div > i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-metrics span {
	display: grid;
	gap: .05rem;
}

body.webrox-guard-stran .varuh-monitor-metrics small {
	color: var(--wg-muted);
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-monitor-metrics strong {
	color: var(--wg-ink);
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-monitor-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .8fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-monitor-grid > div {
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-monitor-grid h3 {
	margin: .15rem 0 .8rem;
	color: var(--wg-ink);
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-monitor-list,
body.webrox-guard-stran .varuh-incident-list {
	display: grid;
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-monitor-list > div,
body.webrox-guard-stran .varuh-incident-list > div {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: start;
	gap: .6rem;
	padding: .68rem .75rem;
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-list i,
body.webrox-guard-stran .varuh-incident-list i {
	margin-top: .15rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-monitor-list .is-warn i,
body.webrox-guard-stran .varuh-incident-list .is-open i {
	color: #c58000;
}

body.webrox-guard-stran .varuh-monitor-list .is-bad i {
	color: #d94242;
}

body.webrox-guard-stran .varuh-monitor-list span,
body.webrox-guard-stran .varuh-incident-list span {
	display: grid;
	gap: .1rem;
}

body.webrox-guard-stran .varuh-monitor-list strong,
body.webrox-guard-stran .varuh-incident-list strong {
	color: var(--wg-ink);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-monitor-list small,
body.webrox-guard-stran .varuh-incident-list small,
body.webrox-guard-stran .varuh-monitor-list time,
body.webrox-guard-stran .varuh-incident-list time {
	color: var(--wg-muted);
	font-size: .68rem;
	line-height: 1.4;
}

body.webrox-guard-stran .varuh-sites-step-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .65rem;
	margin-top: .9rem;
}

body.webrox-guard-stran .varuh-sites-step-grid > div {
	padding: .9rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-sites-step-grid span {
	color: var(--wg-blue);
	font-size: .68rem;
	font-weight: 900;
}

body.webrox-guard-stran .varuh-sites-step-grid strong {
	display: block;
	margin: .35rem 0 .2rem;
	color: var(--wg-ink);
	font-size: .88rem;
}

body.webrox-guard-stran .varuh-sites-step-grid p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .75rem;
}

/* Calm motion with an accessible off switch. */
@keyframes wg-enter-up {
	from { transform: translateY(10px); }
	to { transform: translateY(0); }
}

@keyframes wg-border-breathe {
	0%, 100% { border-color: rgba(125, 181, 255, .22); }
	50% { border-color: rgba(125, 181, 255, .42); }
}

@media (prefers-reduced-motion: no-preference) {
	body.webrox-guard-stran .varuh-hero-vsebina > *,
	body.webrox-guard-stran .varuh-scan-stage,
	body.webrox-guard-stran .varuh-account-hero,
	body.webrox-guard-stran .varuh-auth-intro {
		animation: wg-enter-up .55s var(--wg-ease) both;
	}

	body.webrox-guard-stran .varuh-hero-vsebina > :nth-child(2) { animation-delay: .05s; }
	body.webrox-guard-stran .varuh-hero-vsebina > :nth-child(3) { animation-delay: .1s; }
	body.webrox-guard-stran .varuh-hero-vsebina > :nth-child(4) { animation-delay: .15s; }
	body.webrox-guard-stran .varuh-scan-stage { animation-delay: .12s; }
	body.webrox-guard-stran .varuh-home-account { animation: wg-border-breathe 5s ease-in-out infinite; }
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-site-nav {
		grid-template-columns: auto minmax(0, 1fr) auto auto;
	}

	body.webrox-guard-stran .varuh-site-links {
		display: none;
	}

	body.webrox-guard-stran .varuh-site-account {
		justify-self: end;
	}

	body.webrox-guard-stran .varuh-account-layout {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-account-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-account-empty {
		grid-template-columns: auto minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-account-empty-actions {
		grid-column: 1 / -1;
		padding-left: 66px;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran {
		--wg-section-y: 2.5rem;
		--wg-section-head-gap: 1.75rem;
		--wg-panel-pad: 1rem;
	}

	body.webrox-guard-stran .webrox-guard-stran-main > section:not(.varuh-hero),
	body.webrox-guard-stran.single-product .varuh-product-section,
	body.webrox-guard-stran.single-product .varuh-product-proof {
		padding-top: var(--wg-section-y) !important;
		padding-bottom: var(--wg-section-y) !important;
	}

	body.webrox-guard-stran.single-product .varuh-product-flow {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	body.webrox-guard-stran .varuh-site-nav {
		grid-template-columns: minmax(112px, 1fr) auto auto;
		gap: .5rem;
		min-height: 64px;
	}

	body.webrox-guard-stran .varuh-site-brand img {
		width: 138px;
		max-height: 42px;
	}

	body.webrox-guard-stran .varuh-site-account {
		width: 40px;
		height: 40px;
		min-height: 40px;
		padding: 0;
	}

	body.webrox-guard-stran .varuh-site-account span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	body.webrox-guard-stran .varuh-site-cta {
		min-height: 40px;
		padding: .5rem .65rem;
		font-size: .74rem;
	}

	body.webrox-guard-stran.woocommerce-checkout > .py-5.py-xl-6 {
		padding: 1.5rem 0 !important;
	}

	body.webrox-guard-stran.woocommerce-checkout > .py-5.py-xl-6 h1 {
		font-size: 2rem;
	}

	body.webrox-guard-stran.woocommerce-checkout #container-content-page > .row > .col-md-10 {
		width: calc(100% - 1.5rem);
		padding: 1.5rem 0 3rem !important;
	}

	body.webrox-guard-stran section.varuh-hero.varuh-ozadje-animirano {
		padding-top: 4.5rem !important;
		padding-bottom: 3.5rem !important;
	}

	body.webrox-guard-stran .varuh-home-account {
		top: -3.45rem;
		right: .75rem;
		min-height: 38px;
		padding: .45rem .65rem;
	}

	body.webrox-guard-stran .varuh-hero-logo {
		width: min(15rem, 70vw);
		margin-bottom: 1rem;
	}

	body.webrox-guard-stran .varuh-hero-vsebina h1 {
		font-size: 2.45rem;
	}

	body.webrox-guard-stran .varuh-cenik .card-body {
		padding: 1.25rem !important;
	}

	body.webrox-guard-stran .varuh-partnerji {
		padding-top: var(--wg-section-y) !important;
		padding-bottom: var(--wg-section-y) !important;
	}

	body.webrox-guard-stran .varuh-partnerji-glava {
		gap: var(--wg-space-md);
		margin-bottom: var(--wg-section-head-gap);
	}

	body.webrox-guard-stran .varuh-projektni-dokazi-glava {
		grid-template-columns: 1fr;
		gap: var(--wg-space-md);
	}

	body.webrox-guard-stran .varuh-projektni-dokazi-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-projektni-dokazi-cta {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-projektni-dokazi-cta .btn {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-ustanovitelj-vsebina {
		padding: var(--wg-space-md) 0 0;
	}

	body.webrox-guard-stran .varuh-final-cta .varuh-zakljucek {
		gap: var(--wg-space-lg);
		padding: var(--wg-panel-pad);
	}

	body.webrox-guard-stran .varuh-account-page,
	body.webrox-guard-stran .varuh-auth-page {
		width: min(100% - 1.5rem, 1152px);
		max-width: calc(100vw - 1.5rem);
		padding: 1.5rem 0 3rem;
	}

	body.webrox-guard-stran .varuh-account-hero,
	body.webrox-guard-stran .varuh-auth-intro {
		padding: 1.35rem !important;
	}

	body.webrox-guard-stran .varuh-account-hero {
		align-items: flex-start;
		flex-direction: column;
		gap: 1rem;
	}

	body.webrox-guard-stran .varuh-account-hero h1,
	body.webrox-guard-stran .varuh-auth-intro h1 {
		font-size: 1.9rem;
	}

	body.webrox-guard-stran .varuh-account-context {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-account-layout {
		grid-template-columns: minmax(0, 1fr);
		max-width: 100%;
		overflow: hidden;
	}

	body.webrox-guard-stran .varuh-account-navigation.woocommerce-MyAccount-navigation {
		padding: .55rem;
		overflow: hidden;
	}

	body.webrox-guard-stran .varuh-account-person,
	body.webrox-guard-stran .varuh-account-help {
		display: none;
	}

	body.webrox-guard-stran .varuh-account-navigation ul {
		display: flex;
		gap: .4rem;
		width: 100%;
		max-width: 100%;
		margin: 0;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	body.webrox-guard-stran .varuh-account-navigation li {
		flex: 0 0 auto;
	}

	body.webrox-guard-stran .varuh-account-navigation li a,
	body.webrox-guard-stran .varuh-account-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
		grid-template-columns: 18px auto;
		min-height: 40px;
		padding: .55rem .65rem;
		white-space: nowrap;
	}

	body.webrox-guard-stran .varuh-account-nav-arrow {
		display: none;
	}

	body.webrox-guard-stran .varuh-account-content.woocommerce-MyAccount-content {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-account-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-account-primary-action {
		width: 100%;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-account-metrics {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-account-empty {
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 1rem !important;
	}

	body.webrox-guard-stran.woocommerce-account section.varuh-account-empty,
	body.webrox-guard-stran.woocommerce-account section.varuh-account-subscriptions {
		padding: 1rem !important;
	}

	body.webrox-guard-stran .varuh-account-empty-icon {
		width: 44px;
		height: 44px;
	}

	body.webrox-guard-stran .varuh-account-empty-actions {
		grid-column: 1 / -1;
		flex-direction: column;
		padding-left: 0;
	}

	body.webrox-guard-stran .varuh-account-empty-actions .button {
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-account-details-grid,
	body.webrox-guard-stran .varuh-account-content .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-account-subscription-row {
		grid-template-columns: 36px minmax(0, 1fr) auto;
	}

	body.webrox-guard-stran .varuh-account-subscription-row .varuh-account-status,
	body.webrox-guard-stran .varuh-account-subscription-row .varuh-account-subscription-total {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-account-subscription-row > i:last-child {
		grid-column: 3;
		grid-row: 1 / span 2;
	}

	body.webrox-guard-stran .varuh-auth-intro {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-auth-benefits {
		grid-column: 1;
		grid-row: auto;
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-auth-benefits span {
		min-width: 0;
	}

	body.webrox-guard-stran .varuh-auth-forms {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-auth-panel {
		padding: 1.15rem !important;
	}

	body.webrox-guard-stran.woocommerce-account section.varuh-auth-panel {
		padding: 1.15rem !important;
	}

	body.webrox-guard-stran .varuh-account-content {
		overflow-x: hidden;
	}

	body.webrox-guard-stran .varuh-account-content:has(table) {
		overflow-x: auto;
	}

	body.webrox-guard-stran .varuh-account-content table.shop_table,
	body.webrox-guard-stran .varuh-account-content table.account-orders-table,
	body.webrox-guard-stran .varuh-account-content table.my_account_subscriptions {
		min-width: 620px;
	}

	body.webrox-guard-stran .varuh-footer-main {
		gap: 2rem;
	}
}

/* Per-site upgrades and exact affected-item evidence. */
body.webrox-guard-stran .varuh-site-upgrade {
	padding: clamp(1.75rem, 2.5vw, 2.5rem);
	border: 1px solid #bfd6f2;
	border-radius: var(--wg-radius);
	background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
}

body.webrox-guard-stran .varuh-site-upgrade-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-site-upgrade-card {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
	padding: 1.35rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: #fff;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.webrox-guard-stran .varuh-site-upgrade-card:hover {
	border-color: #8ebcf3;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(21, 94, 180, .08);
}

body.webrox-guard-stran .varuh-site-upgrade-card.is-recommended {
	border-color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-site-upgrade-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-site-upgrade-card-head > span {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	color: var(--wg-ink);
	font-size: 1.08rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-site-upgrade-card-head > span i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 6px;
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-site-upgrade-card-head em {
	padding: .35rem .5rem;
	border-radius: 5px;
	color: #087850;
	background: #e6f7ef;
	font-size: .68rem;
	font-style: normal;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-upgrade-card > p {
	margin: 0;
	color: var(--wg-text);
	font-size: .9rem;
	line-height: 1.6;
}

body.webrox-guard-stran .varuh-site-upgrade-price {
	display: grid;
	gap: .2rem;
	padding: .9rem 1rem;
	border: 1px solid #d5e4f5;
	border-radius: 6px;
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-site-upgrade-price small {
	color: var(--wg-muted);
	font-size: .72rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-site-upgrade-price strong {
	color: var(--wg-ink);
	font-size: 1.45rem;
}

body.webrox-guard-stran .varuh-site-upgrade-price strong span {
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-site-upgrade-card ul {
	display: grid;
	gap: .55rem;
	margin: 0 0 .25rem;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-site-upgrade-card li {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	color: var(--wg-text);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-site-upgrade-card li i {
	margin-top: .18rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-site-upgrade-card > .button {
	width: 100%;
	margin-top: auto;
	justify-content: center;
}

body.webrox-guard-stran .varuh-site-upgrade-note {
	display: flex;
	align-items: center;
	gap: .8rem;
	margin-top: 1rem;
	padding: .9rem 1rem;
	border: 1px solid #cfe0f3;
	border-radius: 6px;
	color: var(--wg-text);
	background: rgba(255, 255, 255, .72);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-site-upgrade-note > i {
	color: var(--wg-blue);
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-site-slot-actions {
	display: grid;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-site-slot-actions .button {
	width: 100%;
	justify-content: center;
}

body.webrox-guard-stran .varuh-account-notice-action {
	justify-self: start;
	margin-top: -.5rem;
}

body.webrox-guard-stran .varuh-report-frequency label.is-locked {
	border-style: dashed;
	background: #f5f7fa;
	cursor: not-allowed;
}

body.webrox-guard-stran .varuh-report-frequency label.is-locked:hover {
	border-color: var(--wg-border, #d6e0ec);
	transform: none;
}

body.webrox-guard-stran .varuh-report-frequency label.is-locked span,
body.webrox-guard-stran .varuh-report-frequency label.is-locked small {
	color: #8b97aa;
}

body.webrox-guard-stran .varuh-monitor-command-actions .button.is-scanning {
	cursor: wait;
	opacity: .78;
}

body.webrox-guard-stran .varuh-monitor-command-actions .button.is-scanning i {
	animation: varuh-monitor-spin 1s linear infinite;
}

@keyframes varuh-monitor-spin {
	to { transform: rotate(360deg); }
}

body.webrox-guard-stran .varuh-monitor-affected {
	border-top: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-affected > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 18px;
	align-items: center;
	gap: .8rem;
	min-height: 58px;
	padding: .8rem 1.6rem;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-monitor-affected > summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-monitor-affected > summary > span {
	display: flex;
	align-items: center;
	gap: .6rem;
	min-width: 0;
	color: var(--wg-ink);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-monitor-affected > summary > span i {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-affected > summary > em {
	padding: .32rem .5rem;
	border-radius: 5px;
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
	font-size: .7rem;
	font-style: normal;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-monitor-affected > summary > i:last-child {
	color: var(--wg-muted);
	font-size: .78rem;
	transition: transform .18s ease;
}

body.webrox-guard-stran .varuh-monitor-affected[open] > summary > i:last-child {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-monitor-affected-list {
	display: grid;
	max-height: 480px;
	overflow-y: auto;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-monitor-affected-item {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: .8rem;
	min-height: 64px;
	padding: .7rem 1.6rem;
	border-bottom: 1px solid #e6edf5;
}

body.webrox-guard-stran .varuh-monitor-affected-item:last-child {
	border-bottom: 0;
}

body.webrox-guard-stran .varuh-monitor-affected-item > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 6px;
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-monitor-affected-item > span:nth-child(2) {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-affected-item strong,
body.webrox-guard-stran .varuh-monitor-affected-item small {
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-monitor-affected-item strong {
	color: var(--wg-ink);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-monitor-affected-item small {
	color: var(--wg-muted);
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-monitor-affected-item .varuh-monitor-affected-location {
	color: #4b6f9d;
	font-size: .69rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-monitor-affected-links {
	display: flex;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-monitor-affected-links a {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #cbdcf3;
	border-radius: 6px;
	color: var(--wg-blue-dark);
	background: #fff;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-monitor-affected-links a:hover,
body.webrox-guard-stran .varuh-monitor-affected-links a:focus-visible {
	border-color: var(--wg-blue);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-affected-more {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	margin: 0;
	padding: .8rem 1.6rem;
	border-top: 1px solid var(--wg-border);
	color: var(--wg-muted);
	background: var(--wg-surface-muted);
	font-size: .76rem;
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-site-upgrade {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-site-upgrade-card {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-site-upgrade-card-head {
		align-items: flex-start;
		flex-direction: column;
		gap: .65rem;
	}

	body.webrox-guard-stran .varuh-site-upgrade-note {
		align-items: flex-start;
	}

	body.webrox-guard-stran .varuh-site-slot-actions {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-monitor-affected > summary {
		grid-template-columns: minmax(0, 1fr) auto;
		padding: .8rem 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-affected > summary > i:last-child {
		display: none;
	}

	body.webrox-guard-stran .varuh-monitor-affected-item {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: .65rem;
		padding: .75rem 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-affected-links {
		grid-column: 2;
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-monitor-affected-more {
		padding: .8rem 1rem;
	}
}

@media (max-width: 420px) {
	body.webrox-guard-stran .varuh-site-brand img {
		width: 116px;
	}

	body.webrox-guard-stran .varuh-site-cta {
		padding: .46rem .55rem;
		font-size: .68rem;
	}

	body.webrox-guard-stran .varuh-site-cta i {
		display: inline-block;
	}

	body.webrox-guard-stran .varuh-site-cta {
		width: 40px;
		min-width: 40px;
		height: 40px;
		padding: 0;
		font-size: .82rem;
	}

	body.webrox-guard-stran .varuh-site-cta span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	body.webrox-guard-stran .varuh-home-account span {
		display: none;
	}

	body.webrox-guard-stran .varuh-home-account {
		width: 38px;
		padding: 0;
	}

	body.webrox-guard-stran .varuh-auth-submit-row {
		align-items: flex-start;
		flex-direction: column;
		gap: .6rem;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-package-common,
	body.webrox-guard-stran .varuh-sites-facts,
	body.webrox-guard-stran .varuh-sites-step-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-sites-summary,
	body.webrox-guard-stran .varuh-site-pricing .varuh-account-section-heading {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-monitor-heading {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-monitor-heading-actions .button,
	body.webrox-guard-stran .varuh-connector-actions .button,
	body.webrox-guard-stran .varuh-connector-actions form {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-connector-actions button {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-monitor-metrics,
	body.webrox-guard-stran .varuh-monitor-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-sites-summary .button {
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-site-slot-card {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: .8rem;
	}

	body.webrox-guard-stran .varuh-site-slot-card > .button {
		grid-column: 1 / -1;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-sites-empty {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-sites-empty .varuh-account-empty-actions {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-site-pricing-row {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .45rem .75rem;
	}

	body.webrox-guard-stran .varuh-site-pricing-row > a {
		grid-column: 1 / -1;
		padding-top: .45rem;
		border-top: 1px solid var(--wg-border);
	}
}

/* Package comparison actions. */
body.webrox-guard-stran .varuh-primerjava-cta-row th,
body.webrox-guard-stran .varuh-primerjava-cta-row td {
	padding: 1rem;
	border-top: 2px solid #c8daf0;
	background: #f5f8fc;
	vertical-align: middle;
}

body.webrox-guard-stran .varuh-primerjava-cta-row th {
	color: var(--wg-ink);
	font-size: .82rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-primerjava-cta-row .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	width: 100%;
	min-height: 46px;
	padding: .65rem .7rem;
	border-radius: var(--wg-radius-sm);
	font-size: .78rem;
	line-height: 1.25;
	white-space: normal;
}

body.webrox-guard-stran .varuh-primerjava-cta-row .btn i {
	flex: 0 0 auto;
	font-size: .72rem;
	transition: transform .18s ease;
}

body.webrox-guard-stran .varuh-primerjava-cta-row .btn:hover i,
body.webrox-guard-stran .varuh-primerjava-cta-row .btn:focus-visible i {
	transform: translateX(3px);
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-primerjava-cta-row th,
	body.webrox-guard-stran .varuh-primerjava-cta-row td {
		padding: .75rem .6rem;
	}

	body.webrox-guard-stran .varuh-primerjava-cta-row .btn {
		min-height: 52px;
		font-size: .7rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran *,
	body.webrox-guard-stran *::before,
	body.webrox-guard-stran *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* Monitoring views: compact ledger is the default, cards remain available. */
body.webrox-guard-stran .varuh-monitor-viewer {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-view-panel[hidden],
body.webrox-guard-stran .varuh-ledger-group[hidden],
body.webrox-guard-stran [data-varuh-ledger-row][hidden],
body.webrox-guard-stran .varuh-ledger-empty[hidden] {
	display: none !important;
}

body.webrox-guard-stran .varuh-monitor-view-switch {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	justify-self: end;
	width: min(100%, 430px);
	padding: 3px;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #e6edf6;
}

body.webrox-guard-stran .varuh-monitor-view-switch button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-height: 56px;
	padding: .58rem .72rem;
	color: var(--wg-muted);
	text-align: left;
	border: 0;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	transition: color .18s ease, background-color .18s ease;
}

body.webrox-guard-stran .varuh-monitor-view-switch button:hover,
body.webrox-guard-stran .varuh-monitor-view-switch button:focus-visible {
	color: var(--wg-blue-dark);
	background: rgba(255, 255, 255, .62);
}

body.webrox-guard-stran .varuh-monitor-view-switch button.is-active {
	color: var(--wg-ink);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-view-switch button > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	color: var(--wg-blue);
	border-radius: 6px;
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-monitor-view-switch button > span {
	display: grid;
	gap: .08rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-view-switch strong,
body.webrox-guard-stran .varuh-monitor-view-switch small {
	display: block;
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-monitor-view-switch strong {
	font-size: .82rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-monitor-view-switch small {
	color: var(--wg-muted);
	font-size: .72rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-fix-bundle {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) minmax(220px, auto);
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.1rem;
	border: 1px solid #c9dcf5;
	border-radius: 8px;
	background: #f5f9fe;
}

body.webrox-guard-stran .varuh-fix-bundle.is-requested {
	border-color: #bfe2d2;
	background: #f2faf6;
}

body.webrox-guard-stran .varuh-fix-bundle-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	color: var(--wg-blue);
	border: 1px solid #c9dcf5;
	border-radius: 7px;
	background: #fff;
}

body.webrox-guard-stran .varuh-fix-bundle.is-requested .varuh-fix-bundle-icon {
	color: #087d56;
	border-color: #bfe2d2;
}

body.webrox-guard-stran .varuh-fix-bundle-copy {
	display: grid;
	gap: .25rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-fix-bundle-copy h3,
body.webrox-guard-stran .varuh-fix-bundle-copy p {
	margin: 0;
}

body.webrox-guard-stran .varuh-fix-bundle-copy h3 {
	font-size: 1.05rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-fix-bundle-copy p {
	max-width: 760px;
	color: var(--wg-muted);
	font-size: .84rem;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-fix-bundle-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem .8rem;
	margin-top: .25rem;
}

body.webrox-guard-stran .varuh-fix-bundle-meta span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #4d627d;
	font-size: .72rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-fix-bundle-meta i {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-fix-bundle > form {
	min-width: 0;
	margin: 0;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	width: 100%;
	min-height: 52px;
	padding: .7rem .9rem;
	text-align: left;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button > i {
	font-size: .95rem;
	text-align: center;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button > span {
	display: grid;
	gap: .08rem;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button :where(strong, small) {
	display: block;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button strong {
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button small {
	font-size: .69rem;
	font-weight: 600;
	opacity: .86;
}

body.webrox-guard-stran .varuh-fix-bundle > form .button:disabled {
	cursor: default;
	color: #087d56;
	border-color: #bfe2d2;
	background: #fff;
	opacity: 1;
}

body.webrox-guard-stran [data-varuh-monitor-view-panel="cards"] {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-ledger {
	display: grid;
	gap: 0;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-ledger-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.35rem 1.45rem 1.15rem;
}

body.webrox-guard-stran .varuh-ledger-heading > div {
	display: grid;
	gap: .35rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-ledger-title-line {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	flex-wrap: wrap;
}

body.webrox-guard-stran .varuh-ledger-title-line h3,
body.webrox-guard-stran .varuh-ledger-title-line p {
	margin: 0;
}

body.webrox-guard-stran .varuh-ledger-title-line h3 {
	color: var(--wg-ink);
	font-size: clamp(1.45rem, 2vw, 2rem);
	line-height: 1.12;
}

body.webrox-guard-stran .varuh-ledger-title-line p {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	color: var(--wg-muted);
	font-size: .8rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-ledger-title-line p strong,
body.webrox-guard-stran .varuh-ledger-title-line p em,
body.webrox-guard-stran .varuh-ledger-title-line p span {
	font-style: normal;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-title-line p strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-ledger-title-line p em {
	color: #a86c00;
}

body.webrox-guard-stran .varuh-ledger-title-line p span {
	color: #087d56;
}

body.webrox-guard-stran .varuh-ledger-title-line p > i {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #9aabc0;
}

body.webrox-guard-stran .varuh-ledger-health {
	display: grid;
	grid-template-columns: repeat(var(--ledger-columns), minmax(0, 1fr));
	margin: 0 1.45rem;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fbfcfe;
}

body.webrox-guard-stran .varuh-ledger-health > div {
	display: grid;
	gap: .7rem;
	min-width: 0;
	padding: 1rem 1.05rem;
}

body.webrox-guard-stran .varuh-ledger-health > div + div {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-ledger-health header {
	display: flex;
	align-items: center;
	gap: .58rem;
}

body.webrox-guard-stran .varuh-ledger-health header > i {
	color: var(--wg-blue);
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-ledger-health .is-security header > i {
	color: #087d56;
}

body.webrox-guard-stran .varuh-ledger-health :where(.is-content, .is-wordpress) header > i {
	color: #a86c00;
}

body.webrox-guard-stran .varuh-ledger-health .is-commerce header > i {
	color: #7351b7;
}

body.webrox-guard-stran .varuh-ledger-health header strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-ledger-health-rail {
	display: flex;
	gap: 3px;
	min-height: 5px;
}

body.webrox-guard-stran .varuh-ledger-health-rail > span {
	flex: 1 1 0;
	min-width: 3px;
	height: 5px;
	border-radius: 2px;
	background: #cbd5e2;
}

body.webrox-guard-stran .varuh-ledger-health-rail > span.is-good {
	background: #12a36d;
}

body.webrox-guard-stran .varuh-ledger-health-rail > span.is-issue {
	background: #e5a117;
}

body.webrox-guard-stran .varuh-ledger-health p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .45rem;
	margin: 0;
	font-size: .72rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-ledger-health p span {
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-ledger-health p strong {
	color: #087d56;
}

body.webrox-guard-stran .varuh-ledger-health p em {
	color: #a86c00;
	font-style: normal;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-filters {
	display: flex;
	align-items: center;
	gap: .2rem;
	overflow-x: auto;
	margin-top: 1rem;
	padding: 0 1.45rem;
	border-bottom: 1px solid var(--wg-border);
	scrollbar-width: thin;
}

body.webrox-guard-stran .varuh-ledger-filters button {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 48px;
	padding: .65rem .8rem;
	white-space: nowrap;
	color: #52647d;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: .76rem;
	font-weight: 800;
	transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

body.webrox-guard-stran .varuh-ledger-filters button:hover,
body.webrox-guard-stran .varuh-ledger-filters button:focus-visible {
	color: var(--wg-blue-dark);
	background: #f5f9ff;
}

body.webrox-guard-stran .varuh-ledger-filters button.is-active {
	color: var(--wg-blue);
	border-bottom-color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-ledger-filters button > span {
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 .3rem;
	border-radius: 6px;
	background: #edf2f8;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-ledger-filters button.is-active > span {
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-ledger-list {
	min-width: 0;
	background: #fff;
}

body.webrox-guard-stran .varuh-ledger-columns,
body.webrox-guard-stran .varuh-ledger-row {
	display: grid;
	grid-template-columns: 42px minmax(260px, 1fr) 112px 142px 132px;
	align-items: center;
	min-width: 0;
}

body.webrox-guard-stran .varuh-ledger-columns {
	min-height: 42px;
	padding: 0 1rem;
	color: var(--wg-muted);
	border-bottom: 1px solid var(--wg-border);
	background: #f7f9fc;
	font-size: .7rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-columns > strong {
	grid-column: 1 / 3;
	color: var(--wg-ink);
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-ledger-group > header {
	display: flex;
	align-items: center;
	gap: .6rem;
	min-height: 42px;
	padding: .55rem 1rem;
	border-bottom: 1px solid var(--wg-border);
	background: #fbfcfe;
}

body.webrox-guard-stran .varuh-ledger-group > header > i {
	width: 26px;
	color: var(--wg-blue);
	text-align: center;
}

body.webrox-guard-stran .varuh-ledger-group.is-security > header > i {
	color: #087d56;
}

body.webrox-guard-stran .varuh-ledger-group :where(strong, span, em, small) {
	font-style: normal;
}

body.webrox-guard-stran .varuh-ledger-group > header strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-ledger-group > header :where(span, em, small) {
	padding-left: .6rem;
	color: var(--wg-muted);
	border-left: 1px solid var(--wg-border);
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-ledger-group > header em {
	color: #087d56;
}

body.webrox-guard-stran .varuh-ledger-group > header small {
	color: #a86c00;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-group + .varuh-ledger-group {
	border-top: 1px solid #bdccdd;
}

body.webrox-guard-stran .varuh-ledger-row {
	width: 100%;
	min-height: 54px;
	padding: .58rem 1rem;
	color: var(--wg-ink);
	border-bottom: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran summary.varuh-ledger-row {
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran summary.varuh-ledger-row::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-ledger-row > i {
	color: #0c9a68;
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-ledger-issue .varuh-ledger-row > i {
	color: #c17a00;
}

body.webrox-guard-stran .varuh-ledger-issue.is-bad .varuh-ledger-row > i {
	color: #d9364f;
}

body.webrox-guard-stran .varuh-ledger-row > span:nth-child(2) {
	display: grid;
	gap: .16rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-ledger-row > span:nth-child(2) strong {
	color: var(--wg-ink);
	font-size: .8rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-ledger-row > span:nth-child(2) small {
	color: var(--wg-muted);
	font-size: .72rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-ledger-row > em {
	color: #087d56;
	font-size: .72rem;
	font-style: normal;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-issue .varuh-ledger-row > em {
	color: #a86c00;
}

body.webrox-guard-stran .varuh-ledger-issue.is-bad .varuh-ledger-row > em {
	color: #bd263e;
}

body.webrox-guard-stran .varuh-ledger-affected {
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-ledger-row-action {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: .45rem;
	color: var(--wg-blue);
	font-size: .72rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-ledger-row-action > i {
	font-size: .62rem;
	transition: transform .18s ease;
}

body.webrox-guard-stran .varuh-ledger-issue[open] > summary {
	background: #fffaf0;
}

body.webrox-guard-stran .varuh-ledger-issue[open] .varuh-ledger-row-action > i {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-ledger-resolution {
	display: grid;
	grid-template-columns: minmax(190px, 1fr) minmax(240px, 1.25fr) minmax(190px, .85fr) minmax(205px, .9fr);
	gap: 1.2rem;
	padding: 1.05rem 1rem 1.15rem 3.6rem;
	border-bottom: 1px solid #ead9b7;
	background: #fffaf0;
}

body.webrox-guard-stran .varuh-ledger-resolution > div:not(.varuh-ledger-resolution-actions) {
	display: grid;
	align-content: start;
	gap: .45rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-ledger-resolution > div > span {
	color: var(--wg-ink);
	font-size: .7rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-ledger-resolution p,
body.webrox-guard-stran .varuh-ledger-resolution small {
	margin: 0;
	color: #52647d;
	font-size: .72rem;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-ledger-resolution small {
	display: inline-flex;
	align-items: flex-start;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-ledger-resolution ol {
	display: grid;
	gap: .38rem;
	margin: 0;
	padding-left: 1.1rem;
	color: #52647d;
	font-size: .72rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-ledger-resolution > div > a:not(.button) {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: .15rem .55rem;
	color: var(--wg-blue-dark);
	text-decoration: none;
}

body.webrox-guard-stran .varuh-ledger-resolution > div > a:not(.button) > i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	color: var(--wg-blue);
	border-radius: 6px;
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-ledger-resolution > div > a:not(.button) strong,
body.webrox-guard-stran .varuh-ledger-resolution > div > a:not(.button) small {
	min-width: 0;
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions {
	display: grid;
	align-content: start;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions form {
	margin: 0;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: .6rem;
	width: 100%;
	min-height: 56px;
	padding: .65rem .8rem;
	text-align: left;
	border-radius: 7px;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button > i {
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button > span {
	display: grid;
	gap: .08rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button strong,
body.webrox-guard-stran .varuh-ledger-resolution-actions .button small {
	display: block;
	line-height: 1.25;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button strong {
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-ledger-resolution-actions .button small {
	color: inherit;
	font-size: .68rem;
	font-weight: 600;
}

body.webrox-guard-stran .varuh-ledger-empty {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: 1.1rem;
	color: #087d56;
	background: #f1faf6;
}

body.webrox-guard-stran .varuh-ledger-empty > span {
	display: grid;
	gap: .12rem;
}

body.webrox-guard-stran .varuh-ledger-empty small {
	color: var(--wg-muted);
}

@media (max-width: 1240px) {
	body.webrox-guard-stran .varuh-ledger-health {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-ledger-health > div:nth-child(odd):not(:first-child) {
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-ledger-health > div:nth-child(n + 3) {
		border-top: 1px solid var(--wg-border);
	}

	body.webrox-guard-stran .varuh-ledger-resolution {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-monitor-view-switch {
		justify-self: stretch;
	}

	body.webrox-guard-stran .varuh-fix-bundle {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-fix-bundle > form {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-ledger-heading,
	body.webrox-guard-stran .varuh-ledger-health,
	body.webrox-guard-stran .varuh-ledger-filters {
		margin-right: 0;
		margin-left: 0;
	}

	body.webrox-guard-stran .varuh-ledger-health {
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	body.webrox-guard-stran .varuh-ledger-columns {
		display: none;
	}

	body.webrox-guard-stran .varuh-ledger-row {
		grid-template-columns: 34px minmax(0, 1fr) auto;
		gap: .35rem .7rem;
		padding: .8rem 1rem;
	}

	body.webrox-guard-stran .varuh-ledger-row > em {
		grid-column: 3;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-ledger-affected {
		grid-column: 2;
		grid-row: 2;
	}

	body.webrox-guard-stran .varuh-ledger-row-action {
		grid-column: 3;
		grid-row: 2;
	}

	body.webrox-guard-stran .varuh-ledger-resolution {
		padding-left: 1rem;
	}
}

@media (max-width: 620px) {
	body.webrox-guard-stran .varuh-monitor-view-switch button {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: .5rem;
		padding: .5rem;
	}

	body.webrox-guard-stran .varuh-monitor-view-switch button > i {
		width: 30px;
		height: 30px;
	}

	body.webrox-guard-stran .varuh-monitor-view-switch small {
		display: none;
	}

	body.webrox-guard-stran .varuh-fix-bundle {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: .75rem;
		padding: .9rem;
	}

	body.webrox-guard-stran .varuh-fix-bundle-icon {
		width: 40px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-fix-bundle-copy p {
		font-size: .8rem;
	}

	body.webrox-guard-stran .varuh-fix-bundle > form .button {
		min-height: 50px;
	}

	body.webrox-guard-stran .varuh-ledger-heading {
		padding: 1.1rem 1rem .95rem;
	}

	body.webrox-guard-stran .varuh-ledger-title-line {
		display: grid;
		gap: .55rem;
	}

	body.webrox-guard-stran .varuh-ledger-title-line h3 {
		font-size: 1.35rem;
	}

	body.webrox-guard-stran .varuh-ledger-title-line p {
		flex-wrap: wrap;
	}

	body.webrox-guard-stran .varuh-ledger-health {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-ledger-health > div + div,
	body.webrox-guard-stran .varuh-ledger-health > div:nth-child(odd):not(:first-child) {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-ledger-filters {
		padding: 0 .55rem;
	}

	body.webrox-guard-stran .varuh-ledger-filters button {
		min-height: 44px;
		padding: .55rem .62rem;
	}

	body.webrox-guard-stran .varuh-ledger-group > header {
		align-items: flex-start;
		flex-wrap: wrap;
		padding: .65rem .8rem;
	}

	body.webrox-guard-stran .varuh-ledger-group > header :where(span, em, small) {
		padding-left: 0;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-ledger-row {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: .3rem .55rem;
		padding: .78rem .8rem;
	}

	body.webrox-guard-stran .varuh-ledger-row > em,
	body.webrox-guard-stran .varuh-ledger-affected,
	body.webrox-guard-stran .varuh-ledger-row-action {
		grid-column: 2;
		grid-row: auto;
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-ledger-resolution {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1rem .8rem 1.1rem 2.85rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-monitor-view-switch button,
	body.webrox-guard-stran .varuh-ledger-filters button,
	body.webrox-guard-stran .varuh-ledger-row-action > i {
		transition: none;
	}
}

/* Customer value, security center and signed public status. */
body.webrox-guard-stran .varuh-month-value,
body.webrox-guard-stran .varuh-security-hero,
body.webrox-guard-stran .varuh-security-findings,
body.webrox-guard-stran .varuh-security-coverage,
body.webrox-guard-stran .varuh-change-watch,
body.webrox-guard-stran .varuh-woo-simulation {
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-month-value {
	display: grid;
	gap: 1.15rem;
	margin: 1.25rem 0;
	padding: 1.25rem;
}

body.webrox-guard-stran .varuh-month-value > header,
body.webrox-guard-stran .varuh-woo-simulation > header,
body.webrox-guard-stran .varuh-security-findings > .varuh-account-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-month-value h2,
body.webrox-guard-stran .varuh-security-center h2,
body.webrox-guard-stran .varuh-security-center h3,
body.webrox-guard-stran .varuh-woo-simulation h3 {
	margin: .2rem 0 0;
	color: var(--wg-ink);
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-month-value > header p,
body.webrox-guard-stran .varuh-security-center header p,
body.webrox-guard-stran .varuh-woo-simulation header p {
	max-width: 760px;
	margin: .4rem 0 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-month-value-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-month-value-grid > a {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	min-height: 110px;
	padding: 1rem;
	color: inherit;
	text-decoration: none;
	background: var(--wg-surface-muted);
	transition: background-color .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-month-value-grid > a + a {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-month-value-grid > a:hover {
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-month-value-grid > a > i,
body.webrox-guard-stran .varuh-security-facts > div > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: #e8f2ff;
}

body.webrox-guard-stran .varuh-month-value-grid span,
body.webrox-guard-stran .varuh-security-facts span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-month-value-grid small,
body.webrox-guard-stran .varuh-security-facts small {
	font-size: .7rem;
	font-weight: 750;
	text-transform: uppercase;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-month-value-grid strong,
body.webrox-guard-stran .varuh-security-facts strong {
	margin-top: .15rem;
	font-size: 1.3rem;
	line-height: 1.2;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-month-value-grid em {
	margin-top: .2rem;
	font-size: .73rem;
	font-style: normal;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-center {
	display: grid;
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-security-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 190px;
	align-items: center;
	gap: 2rem;
	padding: 1.5rem;
	background: linear-gradient(135deg, #fff 0%, #f4f8ff 100%);
}

body.webrox-guard-stran .varuh-security-hero-copy .varuh-account-section-label i {
	margin-right: .35rem;
}

body.webrox-guard-stran .varuh-security-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	margin-top: 1.1rem;
}

body.webrox-guard-stran .varuh-security-score {
	display: grid;
	place-items: center;
	min-height: 170px;
	padding: 1rem;
	border-left: 1px solid var(--wg-border);
	text-align: center;
}

body.webrox-guard-stran .varuh-security-score > i {
	font-size: 1.4rem;
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-security-score > strong {
	font-size: 2.4rem;
	line-height: 1;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-security-score > strong small {
	font-size: .8rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-score > span {
	font-size: .78rem;
	font-weight: 750;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-score.is-warn > i,
body.webrox-guard-stran .varuh-security-score.is-warn > span {
	color: var(--wg-amber);
}

body.webrox-guard-stran .varuh-security-score.is-good > i,
body.webrox-guard-stran .varuh-security-score.is-good > span {
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-security-site-switcher {
	display: flex;
	gap: .5rem;
	overflow-x: auto;
	padding: .15rem 0;
}

body.webrox-guard-stran .varuh-security-site-switcher a {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-height: 42px;
	padding: .65rem .85rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	white-space: nowrap;
	font-weight: 750;
	color: var(--wg-text);
	text-decoration: none;
	background: #fff;
}

body.webrox-guard-stran .varuh-security-site-switcher a.is-active {
	border-color: var(--wg-blue);
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-security-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	overflow: hidden;
}

body.webrox-guard-stran .varuh-security-facts > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	min-height: 88px;
	padding: .9rem;
	background: #fff;
}

body.webrox-guard-stran .varuh-security-facts > div + div {
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-security-facts strong {
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-security-findings,
body.webrox-guard-stran .varuh-security-coverage,
body.webrox-guard-stran .varuh-change-watch {
	padding: 1.25rem;
}

body.webrox-guard-stran .varuh-security-issue-list {
	display: grid;
	gap: .55rem;
	margin-top: 1rem;
}

body.webrox-guard-stran .varuh-security-issue-list > a {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 20px;
	align-items: center;
	gap: .85rem;
	min-height: 78px;
	padding: .8rem;
	border: 1px solid var(--wg-border);
	border-left: 4px solid var(--wg-amber);
	border-radius: var(--wg-radius-sm);
	color: inherit;
	text-decoration: none;
	background: #fffaf2;
}

body.webrox-guard-stran .varuh-security-issue-list > a.is-bad {
	border-left-color: var(--wg-red);
	background: #fff7f8;
}

body.webrox-guard-stran .varuh-security-issue-list > a > i:first-child {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-amber);
	background: #fff;
}

body.webrox-guard-stran .varuh-security-issue-list > a.is-bad > i:first-child {
	color: var(--wg-red);
}

body.webrox-guard-stran .varuh-security-issue-list span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-issue-list small {
	font-size: .65rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-issue-list strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-security-issue-list em {
	font-size: .78rem;
	font-style: normal;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-clear,
body.webrox-guard-stran .varuh-change-watch-empty {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: .85rem;
	margin-top: 1rem;
	padding: 1rem;
	border: 1px solid #bfe4d4;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-security-clear > i,
body.webrox-guard-stran .varuh-change-watch-empty > i {
	font-size: 1.2rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-security-clear p,
body.webrox-guard-stran .varuh-change-watch-empty small {
	margin: .2rem 0 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-lower-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-security-coverage > header,
body.webrox-guard-stran .varuh-change-watch > header {
	margin-bottom: 1rem;
}

body.webrox-guard-stran .varuh-security-coverage > div,
body.webrox-guard-stran .varuh-change-watch > div:not(.varuh-account-section-heading) {
	display: grid;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-security-coverage > div > span,
body.webrox-guard-stran .varuh-change-watch > div:not(.varuh-change-watch-empty) > span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	min-height: 62px;
	padding: .65rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-security-coverage > div > span {
	grid-template-columns: 34px minmax(0, 1fr);
}

body.webrox-guard-stran .varuh-security-coverage > div > span > i,
body.webrox-guard-stran .varuh-change-watch > div:not(.varuh-change-watch-empty) > span > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-green);
	background: #fff;
}

body.webrox-guard-stran .varuh-security-coverage > div > span:not(.is-good) > i {
	color: var(--wg-amber);
}

body.webrox-guard-stran .varuh-security-coverage span span,
body.webrox-guard-stran .varuh-change-watch span span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-coverage small,
body.webrox-guard-stran .varuh-change-watch small,
body.webrox-guard-stran .varuh-change-watch time {
	font-size: .73rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-change-watch-site {
	margin-top: 1.25rem;
}

body.webrox-guard-stran .varuh-change-watch-site > .varuh-account-section-heading {
	margin-bottom: 1rem;
}

body.webrox-guard-stran .varuh-change-watch-empty {
	margin: 0;
	border-color: var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-change-watch-empty > i {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-woo-simulation {
	display: grid;
	gap: 1rem;
	margin: 1.25rem 0;
	padding: 1.25rem;
	border-left: 4px solid var(--wg-green);
}

body.webrox-guard-stran .varuh-woo-simulation.is-warn {
	border-left-color: var(--wg-amber);
}

body.webrox-guard-stran .varuh-woo-simulation.is-bad {
	border-left-color: var(--wg-red);
}

body.webrox-guard-stran .varuh-woo-simulation > div {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-woo-simulation > div > span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-height: 72px;
	padding: .7rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-woo-simulation > div > span > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-woo-simulation > div > span:not(.is-good) > i {
	color: var(--wg-amber);
}

body.webrox-guard-stran .varuh-woo-simulation > div > span.is-bad > i {
	color: var(--wg-red);
}

body.webrox-guard-stran .varuh-woo-simulation > div > span span {
	display: grid;
}

body.webrox-guard-stran .varuh-woo-simulation small {
	font-size: .72rem;
	color: var(--wg-muted);
}

.varuh-public-status {
	width: min(1180px, calc(100% - 2rem));
	margin: 0 auto;
	padding: 3rem 0 4rem;
}

.varuh-public-status-hero,
.varuh-public-status-kpis,
.varuh-public-status-coverage,
.varuh-public-status-note {
	border: 1px solid var(--wg-border, #d7e1ed);
	border-radius: 8px;
	background: #fff;
}

.varuh-public-status-hero {
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem;
	background: linear-gradient(135deg, #fff 0%, #eef5ff 100%);
}

.varuh-public-status-brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--wg-border, #d7e1ed);
}

.varuh-public-status-brand img {
	width: min(240px, 55vw);
	height: 64px;
	object-fit: contain;
	object-position: left center;
}

.varuh-public-status-brand span {
	font-size: .72rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wg-blue, #1478ff);
}

.varuh-public-status-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	align-items: center;
	gap: 2rem;
}

.varuh-public-status-heading h1 {
	margin: .25rem 0;
	font-size: clamp(2rem, 5vw, 3.6rem);
	letter-spacing: 0;
	color: var(--wg-ink, #172033);
}

.varuh-public-status-heading p {
	margin: 0;
	color: var(--wg-muted, #68768d);
}

.varuh-public-status-score {
	display: grid;
	place-items: center;
	min-height: 130px;
	padding: 1rem;
	border: 1px solid #bfe4d4;
	border-radius: 8px;
	background: #e9f8f1;
}

.varuh-public-status-score.is-warn {
	border-color: #ead7aa;
	background: #fff9ee;
}

.varuh-public-status-score strong {
	font-size: 2.3rem;
	line-height: 1;
	color: var(--wg-ink, #172033);
}

.varuh-public-status-score small {
	font-size: .8rem;
	color: var(--wg-muted, #68768d);
}

.varuh-public-status-score span {
	font-size: .75rem;
	font-weight: 750;
	color: var(--wg-green, #0c9463);
}

.varuh-public-status-score.is-warn span {
	color: var(--wg-amber, #b86a08);
}

.varuh-public-status-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
}

.varuh-public-status-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 1.25rem;
	overflow: hidden;
}

.varuh-public-status-kpis > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-height: 100px;
	padding: 1rem;
}

.varuh-public-status-kpis > div + div {
	border-left: 1px solid var(--wg-border, #d7e1ed);
}

.varuh-public-status-kpis i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 6px;
	color: var(--wg-blue, #1478ff);
	background: #eaf3ff;
}

.varuh-public-status-kpis span {
	display: grid;
}

.varuh-public-status-kpis small {
	font-size: .65rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wg-muted, #68768d);
}

.varuh-public-status-kpis strong {
	color: var(--wg-ink, #172033);
}

.varuh-public-status-coverage {
	margin-top: 1.25rem;
	padding: 1.5rem;
}

.varuh-public-status-coverage > header {
	max-width: 720px;
	margin-bottom: 1.2rem;
}

.varuh-public-status-coverage h2 {
	margin: .25rem 0;
	color: var(--wg-ink, #172033);
}

.varuh-public-status-coverage p {
	margin: 0;
	color: var(--wg-muted, #68768d);
}

.varuh-public-status-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .65rem;
}

.varuh-public-status-groups > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-height: 74px;
	padding: .8rem;
	border: 1px solid var(--wg-border, #d7e1ed);
	border-radius: 6px;
	background: #f8fafc;
}

.varuh-public-status-groups > div > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 6px;
	color: var(--wg-green, #0c9463);
	background: #fff;
}

.varuh-public-status-groups > div.has-issues > i,
.varuh-public-status-groups > div.has-issues > em {
	color: var(--wg-amber, #b86a08);
}

.varuh-public-status-groups span {
	display: grid;
}

.varuh-public-status-groups small,
.varuh-public-status-groups em {
	font-size: .72rem;
	font-style: normal;
	color: var(--wg-muted, #68768d);
}

.varuh-public-status-note {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: start;
	gap: .85rem;
	margin-top: 1.25rem;
	padding: 1rem;
	background: #f8fafc;
}

.varuh-public-status-note > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	color: var(--wg-blue, #1478ff);
}

.varuh-public-status-note p {
	margin: .2rem 0 0;
	color: var(--wg-muted, #68768d);
}

@media (max-width: 1100px) {
	body.webrox-guard-stran .varuh-month-value-grid,
	body.webrox-guard-stran .varuh-security-facts,
	body.webrox-guard-stran .varuh-woo-simulation > div,
	.varuh-public-status-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-month-value-grid > a:nth-child(3),
	body.webrox-guard-stran .varuh-security-facts > div:nth-child(3),
	.varuh-public-status-kpis > div:nth-child(3) {
		border-left: 0;
		border-top: 1px solid var(--wg-border, #d7e1ed);
	}

	body.webrox-guard-stran .varuh-month-value-grid > a:nth-child(4),
	body.webrox-guard-stran .varuh-security-facts > div:nth-child(4),
	.varuh-public-status-kpis > div:nth-child(4) {
		border-top: 1px solid var(--wg-border, #d7e1ed);
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-month-value,
	body.webrox-guard-stran .varuh-security-hero,
	body.webrox-guard-stran .varuh-security-findings,
	body.webrox-guard-stran .varuh-security-coverage,
	body.webrox-guard-stran .varuh-change-watch,
	body.webrox-guard-stran .varuh-woo-simulation {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-security-hero,
	body.webrox-guard-stran .varuh-security-lower-grid,
	.varuh-public-status-heading,
	.varuh-public-status-groups {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-security-score {
		grid-template-columns: auto auto minmax(0, 1fr);
		justify-items: start;
		min-height: 78px;
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-security-score > strong {
		font-size: 1.8rem;
	}

	body.webrox-guard-stran .varuh-change-watch > div:not(.varuh-change-watch-empty) > span,
	body.webrox-guard-stran .varuh-security-coverage > div > span {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-change-watch time {
		grid-column: 2;
	}

	.varuh-public-status {
		width: min(100% - 1rem, 1180px);
		padding: 1rem 0 2rem;
	}

	.varuh-public-status-heading {
		gap: 1rem;
	}

	.varuh-public-status-score {
		grid-template-columns: auto minmax(0, 1fr);
		place-items: center start;
		min-height: 86px;
	}

	.varuh-public-status-score span {
		grid-column: 1 / -1;
	}

	.varuh-public-status-brand {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 520px) {
	body.webrox-guard-stran .varuh-month-value-grid,
	body.webrox-guard-stran .varuh-security-facts,
	body.webrox-guard-stran .varuh-woo-simulation > div,
	.varuh-public-status-kpis {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-month-value-grid > a + a,
	body.webrox-guard-stran .varuh-security-facts > div + div,
	.varuh-public-status-kpis > div + div {
		border-top: 1px solid var(--wg-border, #d7e1ed);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-month-value-grid > a,
	body.webrox-guard-stran .varuh-security-facts > div {
		min-height: 82px;
	}

	body.webrox-guard-stran .varuh-month-value > header,
	body.webrox-guard-stran .varuh-woo-simulation > header {
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-security-issue-list > a {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-security-issue-list > a > i:last-child {
		display: none;
	}
}

@media print {
	.varuh-public-status .button,
	.varuh-public-status-actions,
	body:has(.varuh-public-status) > header,
	body:has(.varuh-public-status) > footer {
		display: none !important;
	}

	.varuh-public-status {
		width: 100%;
		padding: 0;
	}

	.varuh-public-status-hero,
	.varuh-public-status-kpis,
	.varuh-public-status-coverage,
	.varuh-public-status-note {
		break-inside: avoid;
		box-shadow: none;
	}
}

/* Signed 30-day status report. Kept independent from the account shell. */
html:has(body.varuh-public-status-page) {
	margin-top: 0 !important;
}

body.varuh-public-status-page {
	min-height: 100vh;
	margin: 0;
	color: #172238;
	background: #edf2f7;
	font-family: var(--wg-font-body, "Inter", system-ui, sans-serif);
}

body.varuh-public-status-page #wpadminbar {
	display: none !important;
}

body.varuh-public-status-page .varuh-public-status-shell {
	width: min(1320px, calc(100% - 40px));
	margin: 0 auto;
	padding: 24px 0 32px;
}

body.varuh-public-status-page .varuh-public-status-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 64px;
	margin-bottom: 14px;
	padding: 10px 16px;
	border: 1px solid #d9e3ef;
	border-radius: 6px;
	background: #fff;
}

body.varuh-public-status-page .varuh-public-status-topbar a,
body.varuh-public-status-page .varuh-public-status-topbar img {
	display: block;
}

body.varuh-public-status-page .varuh-public-status-topbar img {
	width: 178px;
	height: 52px;
	object-fit: contain;
	object-position: left center;
}

body.varuh-public-status-page .varuh-public-status-topbar > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #53647c;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-topbar > span i {
	color: #0a9b6f;
}

body.varuh-public-status-page .varuh-public-status {
	width: 100%;
	margin: 0;
	padding: 0;
}

body.varuh-public-status-page .varuh-public-status-hero {
	display: block;
	overflow: hidden;
	padding: 0;
	border: 1px solid #263b58;
	border-radius: 7px;
	color: #fff;
	background-color: #111e32;
	background-image:
		linear-gradient(rgba(100, 143, 198, .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(100, 143, 198, .07) 1px, transparent 1px);
	background-size: 64px 64px;
}

body.varuh-public-status-page .varuh-public-status-hero-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
	align-items: stretch;
	gap: 0;
}

body.varuh-public-status-page .varuh-public-status-heading {
	display: block;
	padding: 48px;
}

body.varuh-public-status-page .varuh-public-status-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-bottom: 19px;
}

body.varuh-public-status-page .varuh-public-status-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 30px;
	padding: 5px 10px;
	border: 1px solid #385273;
	border-radius: 4px;
	color: #c8d7e9;
	background: #172840;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-meta span:first-child i {
	color: #36d599;
}

body.varuh-public-status-page .varuh-public-status-heading h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 5vw, 54px);
	line-height: 1.03;
	letter-spacing: 0;
}

body.varuh-public-status-page .varuh-public-status-heading > p {
	max-width: 660px;
	margin: 16px 0 0;
	color: #bdcce0;
	font-size: 17px;
	line-height: 1.6;
}

body.varuh-public-status-page .varuh-public-status-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

body.varuh-public-status-page .varuh-public-status-actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 46px;
	margin: 0;
	padding: 10px 17px;
	border: 1px solid #2583f7;
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	background: #167af2;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

body.varuh-public-status-page .varuh-public-status-actions .button:hover,
body.varuh-public-status-page .varuh-public-status-actions .button:focus-visible {
	border-color: #55a2ff;
	color: #fff;
	background: #0e69d2;
	transform: translateY(-1px);
}

body.varuh-public-status-page .varuh-public-status-actions .button-outline {
	border-color: #4a6383;
	background: #192a42;
}

body.varuh-public-status-page .varuh-public-status-actions .button-outline:hover,
body.varuh-public-status-page .varuh-public-status-actions .button-outline:focus-visible {
	border-color: #7d96b6;
	background: #223751;
}

body.varuh-public-status-page .varuh-public-status-score-panel {
	display: grid;
	grid-template-columns: 142px minmax(0, 1fr);
	align-items: center;
	gap: 25px;
	padding: 38px;
	border-left: 1px solid #2c405c;
	background: #182840;
}

body.varuh-public-status-page .varuh-public-status-score {
	position: relative;
	display: grid;
	place-items: center;
	width: 138px;
	height: 138px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: conic-gradient(#28c98e calc(var(--status-score) * 1%), #30445f 0);
}

body.varuh-public-status-page .varuh-public-status-score.is-warn {
	border: 0;
	background: conic-gradient(#ffb52e calc(var(--status-score) * 1%), #30445f 0);
}

body.varuh-public-status-page .varuh-public-status-score::before {
	position: absolute;
	inset: 11px;
	border-radius: 50%;
	background: #182840;
	content: "";
}

body.varuh-public-status-page .varuh-public-status-score > div {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: baseline;
}

body.varuh-public-status-page .varuh-public-status-score strong {
	color: #fff;
	font-size: 39px;
	line-height: 1;
}

body.varuh-public-status-page .varuh-public-status-score small {
	margin-left: 3px;
	color: #9eb1c9;
	font-size: 12px;
}

body.varuh-public-status-page .varuh-public-status-score-panel > div:last-child > span {
	display: block;
	margin-bottom: 7px;
	color: #ffbf45;
	font-size: 11px;
	font-weight: 850;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-score-panel > div:last-child > strong {
	display: block;
	color: #fff;
	font-size: 19px;
	line-height: 1.35;
}

body.varuh-public-status-page .varuh-public-status-score-panel > div:last-child > p {
	margin: 8px 0 0;
	color: #aebdd1;
	font-size: 13px;
	line-height: 1.55;
}

body.varuh-public-status-page .varuh-public-status-score.is-good + div > span {
	color: #36d599;
}

body.varuh-public-status-page .varuh-public-status-livebar {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1.3fr;
	align-items: stretch;
	border-top: 1px solid #2b405c;
	background: #142239;
}

body.varuh-public-status-page .varuh-public-status-livebar > span {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	min-height: 66px;
	padding: 13px 22px;
	color: #b9c8da;
	font-size: 12px;
}

body.varuh-public-status-page .varuh-public-status-livebar > span + span {
	border-left: 1px solid #2b405c;
}

body.varuh-public-status-page .varuh-public-status-livebar > span:first-child i {
	color: #36d599;
	font-size: 8px;
}

body.varuh-public-status-page .varuh-public-status-livebar strong,
body.varuh-public-status-page .varuh-public-status-livebar small {
	display: block;
}

body.varuh-public-status-page .varuh-public-status-livebar strong {
	color: #f4f7fb;
}

body.varuh-public-status-page .varuh-public-status-livebar small {
	color: #7f93ae;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-livebar > span:not(:first-child) {
	display: grid;
	gap: 2px;
}

body.varuh-public-status-page .varuh-public-status-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 14px 0;
	overflow: visible;
	border: 0;
	background: transparent;
}

body.varuh-public-status-page .varuh-public-status-kpis > article {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-height: 112px;
	padding: 17px;
	border: 1px solid #d9e3ef;
	border-radius: 6px;
	background: #fff;
}

body.varuh-public-status-page .varuh-public-status-kpis i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	color: #1478ed;
	background: #eaf3ff;
}

body.varuh-public-status-page .varuh-public-status-kpis span {
	display: grid;
	min-width: 0;
}

body.varuh-public-status-page .varuh-public-status-kpis small {
	color: #718198;
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-kpis strong {
	margin-top: 3px;
	color: #172238;
	font-size: 24px;
	line-height: 1.2;
}

body.varuh-public-status-page .varuh-public-status-kpis em {
	margin-top: 2px;
	color: #7b8ba1;
	font-size: 11px;
	font-style: normal;
}

body.varuh-public-status-page .varuh-public-status-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr);
	align-items: start;
	gap: 14px;
}

body.varuh-public-status-page .varuh-public-status-coverage,
body.varuh-public-status-page .varuh-public-status-activity {
	margin: 0;
	padding: 25px;
	border: 1px solid #d9e3ef;
	border-radius: 7px;
	background: #fff;
}

body.varuh-public-status-page .varuh-public-status-coverage > header,
body.varuh-public-status-page .varuh-public-status-activity > header {
	max-width: none;
	margin: 0 0 20px;
}

body.varuh-public-status-page .varuh-account-section-label {
	color: #1478ed;
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-coverage h2,
body.varuh-public-status-page .varuh-public-status-activity h2 {
	margin: 5px 0 4px;
	color: #172238;
	font-size: 25px;
	letter-spacing: 0;
}

body.varuh-public-status-page .varuh-public-status-coverage header p,
body.varuh-public-status-page .varuh-public-status-activity header p {
	margin: 0;
	color: #718198;
	font-size: 13px;
}

body.varuh-public-status-page .varuh-public-status-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

body.varuh-public-status-page .varuh-public-status-groups > article {
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 15px;
	border: 1px solid #dbe5ef;
	border-radius: 6px;
	background: #f8fafc;
}

body.varuh-public-status-page .varuh-public-status-group-head {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}

body.varuh-public-status-page .varuh-public-status-group-head > i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid #cfe0f4;
	border-radius: 5px;
	color: #118b65;
	background: #fff;
}

body.varuh-public-status-page .has-issues .varuh-public-status-group-head > i,
body.varuh-public-status-page .has-issues .varuh-public-status-group-head > em {
	color: #a96800;
}

body.varuh-public-status-page .varuh-public-status-group-head span {
	display: grid;
	min-width: 0;
}

body.varuh-public-status-page .varuh-public-status-group-head strong {
	color: #1b2a42;
	font-size: 13px;
}

body.varuh-public-status-page .varuh-public-status-group-head small,
body.varuh-public-status-page .varuh-public-status-group-head em,
body.varuh-public-status-page .varuh-public-status-groups footer {
	color: #78889d;
	font-size: 10px;
	font-style: normal;
}

body.varuh-public-status-page .varuh-public-status-group-head em {
	font-weight: 800;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-group-rail {
	height: 5px;
	overflow: hidden;
	border-radius: 2px;
	background: #dde6f0;
}

body.varuh-public-status-page .varuh-public-status-group-rail span {
	display: block;
	width: var(--group-progress);
	height: 100%;
	background: #18aa78;
}

body.varuh-public-status-page .has-issues .varuh-public-status-group-rail span {
	background: #f2a51b;
}

body.varuh-public-status-page .varuh-public-status-groups footer {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

body.varuh-public-status-page .varuh-public-status-timeline {
	display: grid;
	gap: 9px;
}

body.varuh-public-status-page .varuh-public-status-timeline article {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 11px;
	padding: 13px;
	border: 1px solid #dce5ef;
	border-radius: 6px;
	background: #f8fafc;
}

body.varuh-public-status-page .varuh-public-status-timeline article > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 5px;
	color: #0b9167;
	background: #e6f7f0;
}

body.varuh-public-status-page .varuh-public-status-timeline article.is-open > i {
	color: #a76700;
	background: #fff2d8;
}

body.varuh-public-status-page .varuh-public-status-timeline article span,
body.varuh-public-status-page .varuh-public-status-timeline article strong {
	display: block;
}

body.varuh-public-status-page .varuh-public-status-timeline article span {
	margin-bottom: 3px;
	color: #718198;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}

body.varuh-public-status-page .varuh-public-status-timeline article strong {
	color: #1b2a42;
	font-size: 13px;
}

body.varuh-public-status-page .varuh-public-status-timeline article p {
	margin: 4px 0 0;
	color: #718198;
	font-size: 11px;
	line-height: 1.5;
}

body.varuh-public-status-page .varuh-public-status-empty {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: start;
	gap: 13px;
	padding: 18px;
	border: 1px solid #bfe5d7;
	border-radius: 6px;
	background: #effaf6;
}

body.varuh-public-status-page .varuh-public-status-empty > i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	color: #0b9167;
}

body.varuh-public-status-page .varuh-public-status-empty strong {
	color: #173e33;
	font-size: 14px;
}

body.varuh-public-status-page .varuh-public-status-empty p {
	margin: 4px 0 0;
	color: #52776c;
	font-size: 12px;
	line-height: 1.55;
}

body.varuh-public-status-page .varuh-public-status-note {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin: 14px 0 0;
	padding: 16px 18px;
	border: 1px solid #d9e3ef;
	border-radius: 6px;
	background: #f8fafc;
}

body.varuh-public-status-page .varuh-public-status-note > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	color: #1478ed;
}

body.varuh-public-status-page .varuh-public-status-note strong {
	color: #1b2a42;
	font-size: 13px;
}

body.varuh-public-status-page .varuh-public-status-note p {
	margin: 4px 0 0;
	color: #718198;
	font-size: 12px;
	line-height: 1.55;
}

body.varuh-public-status-page .varuh-public-status-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 3px 0;
	color: #75859a;
	font-size: 11px;
}

body.varuh-public-status-page .varuh-public-status-footer a {
	color: #1478ed;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 1060px) {
	body.varuh-public-status-page .varuh-public-status-hero-main,
	body.varuh-public-status-page .varuh-public-status-layout {
		grid-template-columns: 1fr;
	}

	body.varuh-public-status-page .varuh-public-status-score-panel {
		border-top: 1px solid #2c405c;
		border-left: 0;
	}

	body.varuh-public-status-page .varuh-public-status-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	body.varuh-public-status-page .varuh-public-status-shell {
		width: min(100% - 20px, 1320px);
		padding: 10px 0 22px;
	}

	body.varuh-public-status-page .varuh-public-status-topbar {
		min-height: 56px;
		margin-bottom: 10px;
		padding: 8px 11px;
	}

	body.varuh-public-status-page .varuh-public-status-topbar img {
		width: 136px;
		height: 42px;
	}

	body.varuh-public-status-page .varuh-public-status-topbar > span {
		font-size: 9px;
	}

	body.varuh-public-status-page .varuh-public-status-heading,
	body.varuh-public-status-page .varuh-public-status-score-panel,
	body.varuh-public-status-page .varuh-public-status-coverage,
	body.varuh-public-status-page .varuh-public-status-activity {
		padding: 21px;
	}

	body.varuh-public-status-page .varuh-public-status-heading > p {
		font-size: 15px;
	}

	body.varuh-public-status-page .varuh-public-status-score-panel {
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 18px;
	}

	body.varuh-public-status-page .varuh-public-status-score {
		width: 110px;
		height: 110px;
	}

	body.varuh-public-status-page .varuh-public-status-score strong {
		font-size: 32px;
	}

	body.varuh-public-status-page .varuh-public-status-livebar {
		grid-template-columns: 1fr;
	}

	body.varuh-public-status-page .varuh-public-status-livebar > span + span {
		border-top: 1px solid #2b405c;
		border-left: 0;
	}

	body.varuh-public-status-page .varuh-public-status-livebar > span {
		min-height: 54px;
		padding: 10px 18px;
	}

	body.varuh-public-status-page .varuh-public-status-groups {
		grid-template-columns: 1fr;
	}

	body.varuh-public-status-page .varuh-public-status-footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}
}

@media (max-width: 520px) {
	body.varuh-public-status-page .varuh-public-status-topbar > span {
		max-width: 108px;
		text-align: right;
	}

	body.varuh-public-status-page .varuh-public-status-actions,
	body.varuh-public-status-page .varuh-public-status-actions .button {
		width: 100%;
	}

	body.varuh-public-status-page .varuh-public-status-score-panel {
		grid-template-columns: 1fr;
	}

	body.varuh-public-status-page .varuh-public-status-kpis {
		grid-template-columns: 1fr;
	}

	body.varuh-public-status-page .varuh-public-status-kpis > article {
		min-height: 94px;
	}

	body.varuh-public-status-page .varuh-public-status-group-head {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	body.varuh-public-status-page .varuh-public-status-group-head em {
		grid-column: 2;
	}
}

@media print {
	@page {
		margin: 12mm;
	}

	body.varuh-public-status-page {
		background: #fff;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	body.varuh-public-status-page .varuh-public-status-shell {
		width: 100%;
		padding: 0;
	}

	body.varuh-public-status-page .varuh-public-status-topbar,
	body.varuh-public-status-page .varuh-public-status-actions,
	body.varuh-public-status-page .varuh-public-status-footer {
		display: none !important;
	}

	body.varuh-public-status-page .varuh-public-status-hero,
	body.varuh-public-status-page .varuh-public-status-kpis > article,
	body.varuh-public-status-page .varuh-public-status-coverage,
	body.varuh-public-status-page .varuh-public-status-activity,
	body.varuh-public-status-page .varuh-public-status-note {
		break-inside: avoid;
		box-shadow: none;
	}
}

/* Knowledge centre: public archive, articles and the rotating account lesson. */
body.webrox-guard-stran .varuh-insights-section {
	padding: var(--wg-section-y) 0;
	border-top: 1px solid var(--wg-border);
	border-bottom: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-insights-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 2rem;
	margin-bottom: 2rem;
}

body.webrox-guard-stran .varuh-insights-heading > div {
	max-width: 760px;
}

body.webrox-guard-stran .varuh-insights-heading h2,
body.webrox-guard-stran .varuh-insights-section-title h2 {
	margin: .65rem 0 .55rem;
	color: var(--wg-ink);
	font-size: 2.35rem;
	line-height: 1.12;
}

body.webrox-guard-stran .varuh-insights-heading p,
body.webrox-guard-stran .varuh-insights-section-title p {
	margin: 0;
	color: var(--wg-muted);
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-insights-home-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
	grid-template-rows: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-insight-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
	transition: border-color .2s var(--wg-ease), box-shadow .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-insight-card:hover {
	border-color: var(--wg-border-strong);
	box-shadow: var(--wg-shadow-sm);
	transform: translateY(-2px);
}

body.webrox-guard-stran .varuh-insight-card-image {
	display: block;
	overflow: hidden;
	background: #edf3fa;
}

body.webrox-guard-stran .varuh-insight-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s var(--wg-ease);
}

body.webrox-guard-stran .varuh-insight-card:hover .varuh-insight-card-image img {
	transform: scale(1.025);
}

body.webrox-guard-stran .varuh-insight-card-body {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-width: 0;
	padding: 1.35rem;
}

body.webrox-guard-stran .varuh-insight-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	width: 100%;
	margin-bottom: .7rem;
	color: var(--wg-muted);
	font-size: .76rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-insight-meta span:first-child {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--wg-blue-dark);
}

body.webrox-guard-stran .varuh-insight-card h3 {
	margin: 0 0 .65rem;
	font-size: 1.35rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-insight-card h3 a {
	color: var(--wg-ink);
	text-decoration: none;
}

body.webrox-guard-stran .varuh-insight-card p {
	margin: 0 0 1rem;
	color: var(--wg-muted);
	font-size: .94rem;
}

body.webrox-guard-stran .varuh-insight-link {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	margin-top: auto;
	color: var(--wg-blue);
	font-size: .9rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-insight-link i {
	transition: transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-insight-link:hover i {
	transform: translateX(3px);
}

body.webrox-guard-stran .varuh-insight-card.is-featured {
	grid-row: 1 / span 3;
	display: grid;
	grid-template-rows: minmax(250px, 1fr) auto;
}

body.webrox-guard-stran .varuh-insight-card.is-featured .varuh-insight-card-body {
	padding: 1.65rem;
}

body.webrox-guard-stran .varuh-insight-card.is-featured h3 {
	font-size: 1.75rem;
}

body.webrox-guard-stran .varuh-insight-card.is-compact {
	display: grid;
	grid-template-columns: 185px minmax(0, 1fr);
}

body.webrox-guard-stran .varuh-insight-card.is-compact .varuh-insight-card-body {
	padding: 1rem 1.1rem;
}

body.webrox-guard-stran .varuh-insight-card.is-compact h3 {
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-insight-card.is-compact p {
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: .65rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.webrox-guard-stran .varuh-insight-card.is-compact .varuh-insight-meta span:last-child {
	display: none;
}

body.webrox-guard-stran.webrox-guard-insights {
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-insights-archive,
body.webrox-guard-stran .varuh-article-page {
	min-height: 70vh;
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-insights-hero {
	padding: 5rem 0 4.25rem;
	border-bottom: 1px solid #1d3049;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(86, 151, 239, .055) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(rgba(86, 151, 239, .055) 1px, transparent 1px) 0 0 / 64px 64px,
		var(--wg-navy-950);
}

body.webrox-guard-stran .varuh-insights-hero-copy {
	max-width: 860px;
}

body.webrox-guard-stran .varuh-insights-hero .varuh-oznaka {
	color: #9fc9ff;
}

body.webrox-guard-stran .varuh-insights-hero h1 {
	max-width: 820px;
	margin: 1rem 0 1.1rem;
	color: #fff;
	font-size: 3.65rem;
	line-height: 1.04;
}

body.webrox-guard-stran .varuh-insights-hero-copy > p {
	max-width: 740px;
	margin: 0;
	color: #c2d1e4;
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-insights-hero-proof {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem 1.25rem;
	margin-top: 1.5rem;
	color: #d8e5f4;
	font-size: .88rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-insights-hero-proof span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}

body.webrox-guard-stran .varuh-insights-hero-proof i {
	color: #39d69b;
}

body.webrox-guard-stran .varuh-insights-featured,
body.webrox-guard-stran .varuh-insights-library,
body.webrox-guard-stran .varuh-related-insights {
	padding: 4rem 0;
}

body.webrox-guard-stran .varuh-insights-library,
body.webrox-guard-stran .varuh-related-insights {
	border-top: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-insights-section-title {
	max-width: 780px;
	margin-bottom: 1.75rem;
}

body.webrox-guard-stran .varuh-insights-section-title > span {
	color: var(--wg-blue);
	font-size: .78rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-insight-card.is-archive-featured {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
	min-height: 420px;
}

body.webrox-guard-stran .varuh-insight-card.is-archive-featured .varuh-insight-card-body {
	justify-content: center;
	padding: 2.25rem;
}

body.webrox-guard-stran .varuh-insight-card.is-archive-featured h3 {
	font-size: 2rem;
}

body.webrox-guard-stran .varuh-insights-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-insight-card.is-library,
body.webrox-guard-stran .varuh-insight-card.is-related {
	display: grid;
	grid-template-rows: 210px auto;
}

body.webrox-guard-stran .varuh-insights-closing {
	padding: 3.25rem 0;
	color: #fff;
	background: var(--wg-navy-900);
}

body.webrox-guard-stran .varuh-insights-closing > .container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2rem;
}

body.webrox-guard-stran .varuh-insights-closing h2 {
	margin: .6rem 0 .4rem;
	color: #fff;
	font-size: 2rem;
}

body.webrox-guard-stran .varuh-insights-closing p {
	margin: 0;
	color: #b9c9dd;
}

body.webrox-guard-stran .varuh-article-header {
	padding: 3rem 0 0;
	border-bottom: 1px solid var(--wg-border);
	background: #f6f9fd;
}

body.webrox-guard-stran .varuh-article-back {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: 2rem;
	color: var(--wg-blue-dark);
	font-size: .9rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-article-back i {
	transition: transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-article-back:hover i {
	transform: translateX(-3px);
}

body.webrox-guard-stran .varuh-article-heading {
	max-width: 920px;
}

body.webrox-guard-stran .varuh-article-heading h1 {
	margin: .8rem 0 1rem;
	color: var(--wg-ink);
	font-size: 3.35rem;
	line-height: 1.06;
}

body.webrox-guard-stran .varuh-article-heading > div > p {
	max-width: 820px;
	margin: 0;
	color: var(--wg-muted);
	font-size: 1.18rem;
}

body.webrox-guard-stran .varuh-article-byline {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem 1.15rem;
	margin-top: 1.35rem;
	color: var(--wg-muted);
	font-size: .84rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-article-byline span,
body.webrox-guard-stran .varuh-article-byline time {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-article-hero-image {
	overflow: hidden;
	margin: 2.5rem 0 -2.75rem;
	border: 1px solid var(--wg-border-strong);
	border-radius: var(--wg-radius);
	background: #eef3f9;
	box-shadow: var(--wg-shadow-sm);
}

body.webrox-guard-stran .varuh-article-hero-image img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

body.webrox-guard-stran .varuh-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 780px) minmax(280px, 330px);
	justify-content: space-between;
	gap: 4rem;
	padding-top: 7rem;
	padding-bottom: 4.5rem;
}

body.webrox-guard-stran .varuh-article-content {
	min-width: 0;
	color: var(--wg-text);
	font-size: 1.04rem;
}

body.webrox-guard-stran .varuh-article-content > *:first-child {
	margin-top: 0;
}

body.webrox-guard-stran .varuh-article-content h2 {
	margin: 2.4rem 0 .8rem;
	color: var(--wg-ink);
	font-size: 1.8rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-article-content h3 {
	margin: 1.8rem 0 .65rem;
	color: var(--wg-ink);
	font-size: 1.3rem;
}

body.webrox-guard-stran .varuh-article-content p {
	margin: 0 0 1.05rem;
}

body.webrox-guard-stran .varuh-article-content .varuh-article-lead {
	padding-bottom: 1.4rem;
	border-bottom: 1px solid var(--wg-border);
	color: var(--wg-ink);
	font-size: 1.22rem;
	line-height: 1.6;
}

body.webrox-guard-stran .varuh-article-checklist,
body.webrox-guard-stran .varuh-article-steps {
	display: grid;
	gap: .7rem;
	margin: 1rem 0 1.35rem;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-article-checklist li,
body.webrox-guard-stran .varuh-article-steps li {
	position: relative;
	padding: .9rem 1rem .9rem 3rem;
	border-left: 3px solid #b8d7ff;
	background: #f6f9fd;
}

body.webrox-guard-stran .varuh-article-checklist li::before,
body.webrox-guard-stran .varuh-article-steps li::before {
	position: absolute;
	left: 1rem;
	top: .95rem;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	background: var(--wg-green);
	content: "✓";
	font-size: .72rem;
	font-weight: 900;
}

body.webrox-guard-stran .varuh-article-steps {
	counter-reset: varuh-article-step;
}

body.webrox-guard-stran .varuh-article-steps li {
	counter-increment: varuh-article-step;
}

body.webrox-guard-stran .varuh-article-steps li::before {
	background: var(--wg-blue);
	content: counter(varuh-article-step);
}

body.webrox-guard-stran .varuh-article-callout {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 1rem;
	margin: 1.6rem 0;
	padding: 1.2rem;
	border: 1px solid #bcd8fc;
	border-radius: var(--wg-radius);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-article-callout > i {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: #fff;
}

body.webrox-guard-stran .varuh-article-callout strong {
	display: block;
	margin: .1rem 0 .25rem;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-article-callout p {
	margin: 0;
	color: #53637b;
}

body.webrox-guard-stran .varuh-article-sources {
	display: grid;
	gap: .55rem;
	margin-top: 2.4rem;
	padding: 1.2rem;
	border-top: 1px solid var(--wg-border);
	border-bottom: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-article-sources strong {
	color: var(--wg-ink);
	font-size: .84rem;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-article-sources a {
	color: var(--wg-blue-dark);
	font-weight: 700;
}

body.webrox-guard-stran .varuh-article-side {
	position: sticky;
	top: 112px;
	align-self: start;
	display: grid;
	gap: .85rem;
	padding: 1.25rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: #fff;
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-article-side-status {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: .8rem;
}

body.webrox-guard-stran .varuh-article-side-status > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-article-side-status strong {
	display: block;
	margin-bottom: .2rem;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-article-side-status p,
body.webrox-guard-stran .varuh-article-side > small {
	margin: 0;
	color: var(--wg-muted);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-article-side .btn {
	width: 100%;
}

body.webrox-guard-stran .varuh-article-side-link {
	color: var(--wg-blue-dark);
	font-size: .88rem;
	font-weight: 800;
	text-align: center;
}

body.webrox-guard-stran .varuh-dashboard-insight {
	display: grid;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
	align-items: stretch;
	overflow: hidden;
	margin-top: 1.5rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius, var(--wg-radius));
	background: #fff;
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-dashboard-insight-image {
	min-height: 240px;
	background: #edf3fa;
}

body.webrox-guard-stran .varuh-dashboard-insight-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.webrox-guard-stran .varuh-dashboard-insight-copy {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 1.75rem 2rem;
}

body.webrox-guard-stran .varuh-dashboard-insight-copy .varuh-account-section-label {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}

body.webrox-guard-stran .varuh-dashboard-insight-copy h2 {
	margin: .65rem 0 .55rem;
	color: var(--wg-ink);
	font-size: 1.65rem;
}

body.webrox-guard-stran .varuh-dashboard-insight-copy > p {
	max-width: 760px;
	margin: 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-dashboard-insight-copy > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	margin-top: 1.1rem;
}

body.webrox-guard-stran .varuh-dashboard-insight-copy > div > span {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--wg-muted);
	font-size: .82rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-dashboard-insight-all {
	color: var(--wg-blue-dark);
	font-size: .86rem;
	font-weight: 800;
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-insights-home-grid,
	body.webrox-guard-stran .varuh-insight-card.is-archive-featured {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	body.webrox-guard-stran .varuh-insight-card.is-featured {
		grid-row: auto;
	}

	body.webrox-guard-stran .varuh-insights-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-article-layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	body.webrox-guard-stran .varuh-article-side {
		position: static;
	}

	body.webrox-guard-stran .varuh-dashboard-insight {
		grid-template-columns: 280px minmax(0, 1fr);
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-insights-heading,
	body.webrox-guard-stran .varuh-insights-closing > .container {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 1.25rem;
	}

	body.webrox-guard-stran .varuh-insights-heading h2,
	body.webrox-guard-stran .varuh-insights-section-title h2 {
		font-size: 1.9rem;
	}

	body.webrox-guard-stran .varuh-insights-heading .btn,
	body.webrox-guard-stran .varuh-insights-closing .btn {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-insight-card.is-compact {
		grid-template-columns: 135px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-insights-hero {
		padding: 3.25rem 0;
	}

	body.webrox-guard-stran .varuh-insights-hero h1,
	body.webrox-guard-stran .varuh-article-heading h1 {
		font-size: 2.35rem;
	}

	body.webrox-guard-stran .varuh-insights-hero-copy > p,
	body.webrox-guard-stran .varuh-article-heading > div > p {
		font-size: 1.05rem;
	}

	body.webrox-guard-stran .varuh-insights-featured,
	body.webrox-guard-stran .varuh-insights-library,
	body.webrox-guard-stran .varuh-related-insights {
		padding: 3rem 0;
	}

	body.webrox-guard-stran .varuh-insights-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-insight-card.is-archive-featured,
	body.webrox-guard-stran .varuh-insight-card.is-library,
	body.webrox-guard-stran .varuh-insight-card.is-related {
		grid-template-rows: auto;
	}

	body.webrox-guard-stran .varuh-insight-card.is-archive-featured .varuh-insight-card-image,
	body.webrox-guard-stran .varuh-insight-card.is-library .varuh-insight-card-image,
	body.webrox-guard-stran .varuh-insight-card.is-related .varuh-insight-card-image {
		aspect-ratio: 3 / 2;
	}

	body.webrox-guard-stran .varuh-article-header {
		padding-top: 2rem;
	}

	body.webrox-guard-stran .varuh-article-back {
		margin-bottom: 1.3rem;
	}

	body.webrox-guard-stran .varuh-article-hero-image {
		margin-top: 1.75rem;
		margin-bottom: -1.5rem;
	}

	body.webrox-guard-stran .varuh-article-layout {
		padding-top: 4.5rem;
		padding-bottom: 3rem;
	}

	body.webrox-guard-stran .varuh-article-content {
		font-size: 1rem;
	}

	body.webrox-guard-stran .varuh-article-content h2 {
		font-size: 1.55rem;
	}

	body.webrox-guard-stran .varuh-article-callout {
		grid-template-columns: 40px minmax(0, 1fr);
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-article-callout > i {
		width: 40px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-dashboard-insight {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-insight-image {
		min-height: 0;
		aspect-ratio: 3 / 2;
	}

	body.webrox-guard-stran .varuh-dashboard-insight-copy {
		padding: 1.25rem;
	}

	body.webrox-guard-stran .varuh-dashboard-insight-copy h2 {
		font-size: 1.4rem;
	}

	body.webrox-guard-stran .varuh-dashboard-insight-copy .button {
		width: 100%;
	}
}

@media (max-width: 479.98px) {
	body.webrox-guard-stran .varuh-insight-card.is-compact {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-insight-card.is-compact .varuh-insight-card-image {
		aspect-ratio: 3 / 2;
	}

	body.webrox-guard-stran .varuh-insight-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: .25rem;
	}

	body.webrox-guard-stran .varuh-article-byline {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-insight-card,
	body.webrox-guard-stran .varuh-insight-card-image img,
	body.webrox-guard-stran .varuh-insight-link i,
	body.webrox-guard-stran .varuh-article-back i {
		transition: none;
	}
}

/* Guided account experience and monitoring console. */
body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-onboarding, .varuh-monitoring-app) {
	display: grid;
	gap: 1.5rem;
	min-width: 0;
}

body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-onboarding, .varuh-monitoring-app) :where(h2, h3, h4, p) {
	margin-top: 0;
}

body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-onboarding, .varuh-monitoring-app) :where(h2, h3, h4) {
	color: var(--wg-ink);
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-onboarding-intro,
body.webrox-guard-stran .varuh-dashboard-command,
body.webrox-guard-stran .varuh-monitor-command {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2rem;
	min-height: 230px;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid #1f3552;
	border-radius: var(--wg-radius);
	background:
		linear-gradient(90deg, rgba(20,120,255,.06) 1px, transparent 1px) 0 0 / 54px 54px,
		linear-gradient(rgba(20,120,255,.06) 1px, transparent 1px) 0 0 / 54px 54px,
		var(--wg-navy-950);
	color: #d9e5f4;
}

body.webrox-guard-stran .varuh-onboarding-intro::after,
body.webrox-guard-stran .varuh-dashboard-command::after,
body.webrox-guard-stran .varuh-monitor-command::after {
	position: absolute;
	inset: auto -8% -70% 42%;
	height: 220px;
	border-radius: 50%;
	background: rgba(20, 120, 255, .12);
	filter: blur(60px);
	content: "";
	pointer-events: none;
}

body.webrox-guard-stran :where(.varuh-onboarding-intro, .varuh-dashboard-command, .varuh-monitor-command) > * {
	position: relative;
	z-index: 1;
}

body.webrox-guard-stran :where(.varuh-onboarding-intro, .varuh-dashboard-command, .varuh-monitor-command) h2 {
	max-width: 760px;
	margin: .55rem 0 .7rem;
	color: #fff !important;
	font-size: clamp(1.7rem, 3vw, 2.65rem);
	line-height: 1.08;
}

body.webrox-guard-stran :where(.varuh-onboarding-intro, .varuh-dashboard-command, .varuh-monitor-command) p {
	max-width: 720px;
	margin-bottom: 0;
	color: #afc0d5;
}

body.webrox-guard-stran .varuh-onboarding-intro > img {
	width: clamp(150px, 18vw, 230px);
	max-height: 205px;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 14px 24px rgba(0,0,0,.25));
	animation: wg-account-mascot 8s ease-in-out infinite;
}

@keyframes wg-account-mascot {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

body.webrox-guard-stran .varuh-onboarding-progress {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-onboarding-progress > div {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: .1rem .75rem;
	align-items: center;
	min-height: 86px;
	padding: 1rem;
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-onboarding-progress > div > span {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--wg-border-strong);
	border-radius: 50%;
	color: var(--wg-muted);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-onboarding-progress strong {
	align-self: end;
	color: var(--wg-ink);
	font-size: .88rem;
}

body.webrox-guard-stran .varuh-onboarding-progress small {
	align-self: start;
	color: var(--wg-muted);
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-onboarding-progress .is-complete > span {
	border-color: #8bd4b7;
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-onboarding-progress .is-current {
	box-shadow: inset 0 3px 0 var(--wg-blue);
}

body.webrox-guard-stran .varuh-onboarding-progress .is-current > span {
	border-color: var(--wg-blue);
	color: #fff;
	background: var(--wg-blue);
	animation: wg-current-step 2.4s ease-in-out infinite;
}

@keyframes wg-current-step {
	0%, 100% { box-shadow: 0 0 0 0 rgba(20,120,255,.2); }
	50% { box-shadow: 0 0 0 7px rgba(20,120,255,0); }
}

body.webrox-guard-stran .varuh-onboarding-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
	gap: 1.5rem;
	align-items: start;
}

body.webrox-guard-stran .varuh-onboarding-main,
body.webrox-guard-stran .varuh-onboarding-help {
	min-width: 0;
	padding: clamp(1.25rem, 2.5vw, 2rem);
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-onboarding-help {
	display: grid;
	gap: 1.25rem;
	background: #eef4fb;
}

body.webrox-guard-stran .varuh-onboarding-help-visual {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 160px;
	overflow: hidden;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-navy-900);
}

body.webrox-guard-stran .varuh-onboarding-help-visual img {
	width: 155px;
	height: 150px;
	object-fit: contain;
	object-position: center bottom;
}

body.webrox-guard-stran .varuh-onboarding-help-visual.is-connection-visual {
	min-height: 185px;
	background: #09182b;
}

body.webrox-guard-stran .varuh-onboarding-help-visual.is-connection-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(151, 190, 238, .12);
}

body.webrox-guard-stran .varuh-onboarding-help-visual.is-connection-visual img {
	width: 100%;
	height: 185px;
	object-fit: cover;
	object-position: center;
}

body.webrox-guard-stran .varuh-onboarding-help-visual span {
	position: absolute;
	left: .75rem;
	top: .75rem;
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .4rem .55rem;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: var(--wg-radius-sm);
	color: #dce9f8;
	background: rgba(7,17,31,.72);
	font-size: .72rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-onboarding-now {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: .9rem;
	align-items: center;
	margin: 1.25rem 0;
	padding: 1rem;
	border-left: 3px solid var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-onboarding-now > span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #fff;
	background: var(--wg-blue);
	font-weight: 900;
}

body.webrox-guard-stran .varuh-onboarding-now.is-done {
	border-left-color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-onboarding-now.is-done > span {
	background: var(--wg-green);
}

body.webrox-guard-stran .varuh-onboarding-now strong,
body.webrox-guard-stran .varuh-onboarding-now p {
	display: block;
	margin: 0;
}

body.webrox-guard-stran .varuh-setup-domain-lock {
	display: grid;
	gap: .42rem;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-setup-domain-lock > span {
	font-size: .82rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-setup-domain-lock > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	min-height: 64px;
	padding: .65rem .8rem;
	border: 1px solid #b8cce4;
	border-radius: var(--wg-radius-sm);
	background: #f4f8fd;
}

body.webrox-guard-stran .varuh-setup-domain-lock i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: var(--wg-blue);
	background: #e3efff;
}

body.webrox-guard-stran .varuh-setup-domain-lock strong {
	min-width: 0;
	overflow-wrap: anywhere;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-setup-domain-lock em {
	padding: .35rem .5rem;
	border: 1px solid #c9dbef;
	border-radius: 999px;
	color: #355b84;
	background: #fff;
	font-size: .68rem;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-setup-domain-lock small {
	color: var(--wg-muted);
	font-size: .72rem;
	font-weight: 600;
	line-height: 1.45;
}

@media (max-width: 575px) {
	body.webrox-guard-stran .varuh-setup-domain-lock > div {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-setup-domain-lock em {
		grid-column: 2;
		justify-self: start;
	}
}

body.webrox-guard-stran .varuh-onboarding-now p {
	margin-top: .2rem;
	color: var(--wg-muted);
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-onboarding-advanced {
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-onboarding-advanced summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .9rem 1rem;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-onboarding-advanced summary span {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--wg-ink);
	font-weight: 800;
}

body.webrox-guard-stran .varuh-onboarding-advanced summary small {
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-onboarding-advanced label {
	padding: 0 1rem 1rem;
}

body.webrox-guard-stran .varuh-onboarding-connect,
body.webrox-guard-stran .varuh-onboarding-finish {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-onboarding-connect p {
	display: inline-flex;
	align-items: flex-start;
	gap: .5rem;
	flex: 1 1 260px;
	margin: 0;
	color: var(--wg-muted);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-onboarding-checklist {
	display: grid;
	gap: .75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-onboarding-checklist li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: .7rem;
	align-items: start;
}

body.webrox-guard-stran .varuh-onboarding-checklist li > i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--wg-green);
	background: #dff4ea;
}

body.webrox-guard-stran .varuh-onboarding-checklist strong,
body.webrox-guard-stran .varuh-onboarding-checklist small {
	display: block;
}

body.webrox-guard-stran .varuh-onboarding-checklist strong {
	color: var(--wg-ink);
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-onboarding-checklist small {
	margin-top: .1rem;
	color: var(--wg-muted);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-onboarding-privacy {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: .75rem;
	align-items: start;
	padding: .9rem;
	border: 1px solid #bed4ef;
	background: #fff;
}

body.webrox-guard-stran .varuh-onboarding-privacy > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-onboarding-privacy strong,
body.webrox-guard-stran .varuh-onboarding-privacy small {
	display: block;
}

body.webrox-guard-stran .varuh-onboarding-privacy small {
	margin-top: .15rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-dashboard-command {
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, .7fr);
}

body.webrox-guard-stran .varuh-dashboard-command-copy .button {
	margin-top: 1.25rem;
}

body.webrox-guard-stran .varuh-dashboard-visual {
	display: grid;
	grid-template-columns: 150px minmax(130px, 1fr);
	align-items: end;
	min-height: 190px;
}

body.webrox-guard-stran .varuh-dashboard-visual img {
	width: 165px;
	height: 180px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 14px 22px rgba(0,0,0,.25));
	animation: wg-account-mascot 8s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-dashboard-visual > div {
	display: grid;
	gap: .2rem;
	align-self: center;
	padding: 1rem;
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(19,34,57,.78);
}

body.webrox-guard-stran .varuh-dashboard-visual span,
body.webrox-guard-stran .varuh-dashboard-visual em {
	color: #9eb1c9;
	font-size: .75rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-dashboard-visual strong {
	color: #fff;
	font-size: 2.4rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-dashboard-visual strong small {
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-kpis,
body.webrox-guard-stran .varuh-monitor-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis > a, .varuh-monitor-kpis > div, .varuh-monitor-kpis > a) {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: .75rem;
	align-items: center;
	min-height: 88px;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	color: inherit;
	background: var(--wg-surface);
	text-decoration: none;
	transition: border-color .2s var(--wg-ease), transform .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-dashboard-kpis > a:hover,
body.webrox-guard-stran .varuh-monitor-kpis > a:hover,
body.webrox-guard-stran .varuh-monitor-kpis > a:focus-visible {
	border-color: var(--wg-blue);
	transform: translateY(-2px);
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis > a, .varuh-monitor-kpis > div, .varuh-monitor-kpis > a) > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) small,
body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) strong {
	display: block;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) small {
	color: var(--wg-muted);
	font-size: .74rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) strong {
	margin-top: .15rem;
	color: var(--wg-ink);
	font-size: 1.05rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-sites, .varuh-dashboard-how, .varuh-dashboard-subscriptions, .varuh-monitor-focus, .varuh-monitor-coverage, .varuh-monitor-passed, .varuh-monitor-history) {
	padding: clamp(1.25rem, 2.5vw, 2rem);
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-dashboard-site-list {
	display: grid;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list > a {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto 72px 18px;
	gap: .85rem;
	align-items: center;
	min-height: 84px;
	padding: .85rem 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	color: inherit;
	background: var(--wg-surface-muted);
	text-decoration: none;
	transition: border-color .2s var(--wg-ease), transform .2s var(--wg-ease), background-color .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-dashboard-site-list > a:hover {
	border-color: var(--wg-blue);
	background: #fff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-dashboard-site-list > a > i:first-child {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
	font-size: 1.15rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list span :where(small, strong, em) {
	display: block;
}

body.webrox-guard-stran .varuh-dashboard-site-list span > small {
	color: var(--wg-blue);
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-dashboard-site-list span > strong {
	margin: .1rem 0;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-dashboard-site-list span > em {
	color: var(--wg-muted);
	font-size: .76rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-dashboard-site-score {
	color: var(--wg-ink);
	font-size: 1.45rem;
}

body.webrox-guard-stran .varuh-dashboard-site-score small {
	color: var(--wg-muted);
	font-size: .62rem;
}

body.webrox-guard-stran .varuh-dashboard-how-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
}

body.webrox-guard-stran .varuh-dashboard-how-grid > a {
	position: relative;
	display: grid;
	gap: .45rem;
	min-height: 150px;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	color: inherit;
	background: var(--wg-surface-muted);
	text-decoration: none;
}

body.webrox-guard-stran .varuh-dashboard-how-grid > a > span {
	position: absolute;
	right: .75rem;
	top: .65rem;
	color: #a9b7c8;
	font-size: .72rem;
	font-weight: 900;
}

body.webrox-guard-stran .varuh-dashboard-how-grid > a > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-dashboard-how-grid strong {
	align-self: end;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-dashboard-how-grid p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-monitor-command {
	grid-template-columns: minmax(0, 1fr) auto;
}

body.webrox-guard-stran .varuh-monitor-back {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin-bottom: 1rem;
	color: #a9bdd5;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-monitor-command-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: 1.25rem;
}

body.webrox-guard-stran .varuh-monitor-command-actions form {
	margin: 0;
}

body.webrox-guard-stran .varuh-monitor-score {
	display: grid;
	grid-template-columns: 148px minmax(130px, 1fr);
	gap: 1.1rem;
	align-items: center;
	min-width: 340px;
	padding: 1rem;
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(19,34,57,.78);
}

body.webrox-guard-stran .varuh-monitor-score-ring {
	position: relative;
	display: grid;
	place-items: center;
	width: 136px;
	height: 136px;
	border-radius: 50%;
	background: conic-gradient(var(--wg-green) calc(var(--score) * 1%), #263952 0);
}

body.webrox-guard-stran .varuh-monitor-score.is-warn .varuh-monitor-score-ring { background: conic-gradient(#e29a28 calc(var(--score) * 1%), #263952 0); }
body.webrox-guard-stran .varuh-monitor-score.is-bad .varuh-monitor-score-ring { background: conic-gradient(#e05b6a calc(var(--score) * 1%), #263952 0); }

body.webrox-guard-stran .varuh-monitor-score-ring::before {
	position: absolute;
	inset: 9px;
	border-radius: 50%;
	background: var(--wg-navy-900);
	content: "";
}

body.webrox-guard-stran .varuh-monitor-score-ring strong,
body.webrox-guard-stran .varuh-monitor-score-ring small {
	position: relative;
	z-index: 1;
}

body.webrox-guard-stran .varuh-monitor-score-ring strong {
	align-self: end;
	color: #fff;
	font-size: 2.3rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-monitor-score-ring small {
	align-self: start;
	color: #9fb2c9;
}

body.webrox-guard-stran .varuh-monitor-score > div > small {
	display: block;
	margin-top: .65rem;
	color: #9fb2c9;
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-monitor-issue-list {
	display: grid;
	gap: .7rem;
}

body.webrox-guard-stran .varuh-monitor-issue {
	position: relative;
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-left: 3px solid #d99a34;
	border-radius: var(--wg-radius-sm);
	background: #fffaf1;
}

body.webrox-guard-stran .varuh-monitor-issue.is-bad {
	border-left-color: var(--wg-red);
	background: #fff6f7;
}

body.webrox-guard-stran .varuh-monitor-issue-icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--wg-radius-sm);
	color: #ad6508;
	background: #fff0d5;
}

body.webrox-guard-stran .varuh-monitor-issue.is-bad .varuh-monitor-issue-icon {
	color: var(--wg-red);
	background: #ffe7ea;
}

body.webrox-guard-stran .varuh-monitor-issue-copy > span {
	color: var(--wg-blue);
	font-size: .66rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-monitor-issue-copy h4 {
	margin: .15rem 0 .25rem;
	font-size: 1.02rem;
}

body.webrox-guard-stran .varuh-monitor-issue-copy p {
	margin: 0;
	color: var(--wg-text);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-monitor-issue-copy > small {
	display: flex;
	gap: .4rem;
	margin-top: .45rem;
	color: var(--wg-muted);
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-monitor-issue-copy > small i {
	margin-top: .18rem;
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-issue-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: .5rem;
	max-width: 360px;
}

body.webrox-guard-stran .varuh-monitor-issue-actions form {
	margin: 0;
}

body.webrox-guard-stran .varuh-monitor-issue-actions .button {
	min-height: 40px;
	padding: .55rem .75rem;
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-monitor-all-clear {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	padding: 1.2rem;
	border: 1px solid #a9ddc7;
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-monitor-all-clear > i {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	color: #fff;
	background: var(--wg-green);
	font-size: 1.25rem;
}

body.webrox-guard-stran .varuh-monitor-all-clear p {
	margin: .2rem 0 0;
	color: #326653;
}

body.webrox-guard-stran .varuh-monitor-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .7rem;
}

body.webrox-guard-stran .varuh-monitor-category-grid > div {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: .7rem;
	align-items: center;
	padding: .9rem;
	border: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-monitor-category-grid > div > i {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-monitor-category-grid > div.has-issues > i {
	color: #ad6508;
	background: #fff0d5;
}

body.webrox-guard-stran .varuh-monitor-category-grid strong,
body.webrox-guard-stran .varuh-monitor-category-grid small {
	display: block;
}

body.webrox-guard-stran .varuh-monitor-category-grid strong {
	color: var(--wg-ink);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-monitor-category-grid small {
	margin-top: .1rem;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-monitor-passed details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-monitor-passed summary > span {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: .1rem .75rem;
	align-items: center;
}

body.webrox-guard-stran .varuh-monitor-passed summary > span > i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-monitor-passed summary small {
	color: var(--wg-muted);
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-monitor-passed-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .6rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-monitor-passed-grid > div {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: .65rem;
	align-items: start;
	padding: .75rem;
	border: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-monitor-passed-grid > div > i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--wg-green);
	background: var(--wg-green-soft);
}

body.webrox-guard-stran .varuh-monitor-passed-grid strong,
body.webrox-guard-stran .varuh-monitor-passed-grid small {
	display: block;
}

body.webrox-guard-stran .varuh-monitor-passed-grid strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-monitor-passed-grid small {
	margin-top: .15rem;
	color: var(--wg-muted);
	font-size: .73rem;
}

body.webrox-guard-stran .varuh-monitor-guide {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr) auto;
	gap: 1.25rem;
	align-items: center;
	overflow: hidden;
	min-height: 160px;
	padding: 1.25rem 1.5rem;
	border: 1px solid #bfd4ed;
	border-radius: var(--wg-radius);
	background: #eef4fb;
}

body.webrox-guard-stran .varuh-monitor-guide img {
	width: 128px;
	height: 130px;
	object-fit: contain;
	object-position: center bottom;
}

body.webrox-guard-stran .varuh-monitor-guide h3 {
	margin: .25rem 0 .4rem;
	font-size: 1.25rem;
}

body.webrox-guard-stran .varuh-monitor-guide p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .86rem;
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-onboarding-layout,
	body.webrox-guard-stran .varuh-dashboard-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-visual {
		max-width: 470px;
	}

	body.webrox-guard-stran .varuh-monitor-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-monitor-score {
		max-width: 430px;
	}

	body.webrox-guard-stran .varuh-dashboard-kpis,
	body.webrox-guard-stran .varuh-monitor-kpis,
	body.webrox-guard-stran .varuh-dashboard-how-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-onboarding, .varuh-monitoring-app) {
		gap: 1rem;
	}

	body.webrox-guard-stran .varuh-onboarding-intro,
	body.webrox-guard-stran .varuh-dashboard-command,
	body.webrox-guard-stran .varuh-monitor-command {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 1.25rem;
	}

	body.webrox-guard-stran :where(.varuh-onboarding-intro, .varuh-dashboard-command, .varuh-monitor-command) h2 {
		font-size: 1.7rem;
	}

	body.webrox-guard-stran .varuh-onboarding-intro > img {
		width: 145px;
		height: 140px;
		justify-self: center;
	}

	body.webrox-guard-stran .varuh-onboarding-progress {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-onboarding-progress > div {
		min-height: 68px;
		grid-template-columns: 36px minmax(0, 1fr);
		padding: .75rem;
	}

	body.webrox-guard-stran .varuh-onboarding-progress > div > span {
		width: 36px;
		height: 36px;
	}

	body.webrox-guard-stran .varuh-onboarding-main,
	body.webrox-guard-stran .varuh-onboarding-help,
	body.webrox-guard-stran :where(.varuh-dashboard-sites, .varuh-dashboard-how, .varuh-dashboard-subscriptions, .varuh-monitor-focus, .varuh-monitor-coverage, .varuh-monitor-passed, .varuh-monitor-history) {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-onboarding-connect,
	body.webrox-guard-stran .varuh-onboarding-finish {
		display: grid;
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-onboarding-connect .button,
	body.webrox-guard-stran .varuh-onboarding-finish .button,
	body.webrox-guard-stran .varuh-onboarding-finish form,
	body.webrox-guard-stran .varuh-onboarding-finish button {
		width: 100%;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-dashboard-visual {
		grid-template-columns: 120px minmax(0, 1fr);
		min-height: 140px;
	}

	body.webrox-guard-stran .varuh-dashboard-visual img {
		width: 125px;
		height: 140px;
	}

	body.webrox-guard-stran .varuh-dashboard-kpis,
	body.webrox-guard-stran .varuh-monitor-kpis,
	body.webrox-guard-stran .varuh-dashboard-how-grid,
	body.webrox-guard-stran .varuh-monitor-category-grid,
	body.webrox-guard-stran .varuh-monitor-passed-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a {
		grid-template-columns: 42px minmax(0, 1fr) auto;
		gap: .65rem;
		padding: .8rem;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a > i:first-child {
		width: 42px;
		height: 42px;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list .varuh-site-status,
	body.webrox-guard-stran .varuh-dashboard-site-score {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a > i:last-child {
		grid-column: 3;
		grid-row: 1 / 3;
	}

	body.webrox-guard-stran .varuh-monitor-score {
		grid-template-columns: 112px minmax(0, 1fr);
		min-width: 0;
		padding: .85rem;
	}

	body.webrox-guard-stran .varuh-monitor-score-ring {
		width: 104px;
		height: 104px;
	}

	body.webrox-guard-stran .varuh-monitor-score-ring strong {
		font-size: 1.8rem;
	}

	body.webrox-guard-stran .varuh-monitor-command-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-monitor-command-actions form,
	body.webrox-guard-stran .varuh-monitor-command-actions .button {
		width: 100%;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-monitor-issue {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: .75rem;
		align-items: start;
		padding: .85rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-icon {
		width: 40px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-monitor-issue-actions {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr;
		max-width: none;
	}

	body.webrox-guard-stran .varuh-monitor-issue-actions form,
	body.webrox-guard-stran .varuh-monitor-issue-actions .button {
		width: 100%;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-monitor-guide {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: .8rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-guide img {
		width: 82px;
		height: 94px;
	}

	body.webrox-guard-stran .varuh-monitor-guide .button {
		grid-column: 1 / -1;
		justify-content: center;
	}
}

/* Account clarity pass: wider workspace, larger decisions and guided fixes. */
body.webrox-guard-stran .varuh-site-header > .container {
	max-width: 1480px;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

@media (min-width: 1200px) {
	body.webrox-guard-stran .varuh-account-page {
		width: min(1500px, calc(100% - 3rem));
		max-width: min(1500px, calc(100vw - 3rem));
	}

	body.webrox-guard-stran.woocommerce-account .woocommerce-notices-wrapper:not(:empty) {
		width: min(1500px, calc(100% - 3rem));
	}

	body.webrox-guard-stran .varuh-account-layout {
		grid-template-columns: 280px minmax(0, 1fr);
		gap: 1.5rem;
	}

	body.webrox-guard-stran .varuh-account-navigation.woocommerce-MyAccount-navigation {
		position: sticky;
		top: 92px;
	}

	body.webrox-guard-stran .varuh-account-content.woocommerce-MyAccount-content {
		padding: 2rem;
	}
}

body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-monitoring-app, .varuh-onboarding) {
	gap: 2rem;
}

body.webrox-guard-stran .varuh-dashboard-command,
body.webrox-guard-stran .varuh-monitor-command {
	min-height: 300px;
}

body.webrox-guard-stran .varuh-monitor-command {
	grid-template-columns: minmax(0, 1.25fr) minmax(430px, .75fr);
}

body.webrox-guard-stran .varuh-monitor-score {
	min-width: 430px;
	padding: 1.35rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) {
	gap: 1rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) > :is(a, div) {
	min-height: 104px;
	padding: 1.15rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) > :is(a, div) > i {
	width: 48px;
	height: 48px;
	font-size: 1.1rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) small {
	font-size: .76rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) strong {
	font-size: 1.28rem;
}

body.webrox-guard-stran :where(.varuh-dashboard-sites, .varuh-dashboard-how, .varuh-dashboard-subscriptions, .varuh-monitor-focus, .varuh-monitor-coverage, .varuh-monitor-passed, .varuh-monitor-history) {
	padding: clamp(1.75rem, 2.5vw, 2.5rem);
}

body.webrox-guard-stran .varuh-account-section-heading {
	gap: 2rem;
	margin-bottom: 1.5rem;
}

body.webrox-guard-stran .varuh-account-section-heading h2,
body.webrox-guard-stran .varuh-account-section-heading h3 {
	font-size: clamp(1.55rem, 2vw, 2rem);
}

body.webrox-guard-stran .varuh-dashboard-site-list {
	gap: .85rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list > a {
	grid-template-columns: 56px minmax(0, 1fr) auto auto auto;
	gap: 1rem;
	min-height: 112px;
	padding: 1.1rem 1.2rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list > a > i:first-child {
	width: 56px;
	height: 56px;
	font-size: 1.3rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list span > strong {
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-dashboard-site-list span > em {
	margin-top: .2rem;
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-site-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	min-height: 42px;
	padding: .65rem .85rem;
	border: 1px solid #bed4ef;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue-dark);
	background: #fff;
	font-size: .78rem;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-dashboard-how-grid > a {
	min-height: 178px;
	padding: 1.2rem;
}

body.webrox-guard-stran .varuh-dashboard-how-grid > a > i {
	width: 48px;
	height: 48px;
	font-size: 1.08rem;
}

body.webrox-guard-stran .varuh-dashboard-how-grid strong {
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-monitor-issue-list {
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-monitor-issue {
	display: block;
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--wg-border);
	border-top: 5px solid #d99a34;
	border-left-width: 1px;
	border-radius: var(--wg-radius);
	background: #fff;
	box-shadow: 0 10px 28px rgba(7, 17, 31, .06);
}

body.webrox-guard-stran .varuh-monitor-issue.is-bad {
	border-top-color: var(--wg-red);
	border-left-color: var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-issue-head {
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr);
	gap: 1.25rem;
	align-items: start;
	padding: 1.5rem 1.6rem;
	background: #fffaf1;
}

body.webrox-guard-stran .varuh-monitor-issue.is-bad .varuh-monitor-issue-head {
	background: #fff6f7;
}

body.webrox-guard-stran .varuh-monitor-issue-icon {
	width: 66px;
	height: 66px;
	border-radius: var(--wg-radius);
	font-size: 1.35rem;
}

body.webrox-guard-stran .varuh-monitor-issue-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-monitor-issue-meta > span {
	color: var(--wg-blue-dark);
	font-size: .74rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-monitor-issue-meta > em {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .42rem .62rem;
	border: 1px solid #efce8d;
	border-radius: var(--wg-radius-sm);
	color: #8b5605;
	background: #fff4d9;
	font-size: .72rem;
	font-style: normal;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-monitor-issue-meta > em.is-bad {
	border-color: #efb3bc;
	color: #a72e40;
	background: #ffe8eb;
}

body.webrox-guard-stran .varuh-monitor-issue-copy h4 {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin: .45rem 0 1rem;
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	line-height: 1.15;
}

body.webrox-guard-stran .varuh-monitor-issue-copy h4 > span {
	display: inline-grid;
	place-items: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #fff;
	background: #c27b10;
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-monitor-issue.is-bad .varuh-monitor-issue-copy h4 > span {
	background: var(--wg-red);
}

body.webrox-guard-stran .varuh-monitor-detected {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	gap: 1rem;
	padding: .9rem 1rem;
	border: 1px solid rgba(184, 106, 8, .18);
	background: rgba(255, 255, 255, .72);
}

body.webrox-guard-stran .varuh-monitor-detected strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-monitor-detected p {
	margin: 0;
	color: var(--wg-text);
	font-size: .92rem;
}

body.webrox-guard-stran .varuh-monitor-issue-guidance {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	border-top: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-issue-guidance > div {
	padding: 1.5rem 1.6rem;
}

body.webrox-guard-stran .varuh-monitor-impact {
	border-right: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-monitor-issue-guidance h5 {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0 0 .75rem;
	color: var(--wg-ink);
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-monitor-issue-guidance h5 i {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-impact p {
	margin: 0;
	color: var(--wg-text);
	font-size: .9rem;
	line-height: 1.65;
}

body.webrox-guard-stran .varuh-monitor-source {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 18px;
	align-items: center;
	gap: .75rem;
	margin-top: 1rem;
	padding: .85rem;
	border: 1px solid #cbdcf3;
	border-radius: 6px;
	color: var(--wg-ink);
	background: #fff;
	text-decoration: none;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

body.webrox-guard-stran .varuh-monitor-source:hover,
body.webrox-guard-stran .varuh-monitor-source:focus-visible {
	border-color: var(--wg-blue);
	color: var(--wg-ink);
	background: #f8fbff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-monitor-source > i:first-child {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 6px;
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-monitor-source span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-source small {
	color: var(--wg-muted);
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-monitor-source strong {
	color: var(--wg-blue-dark);
	font-size: .79rem;
	line-height: 1.35;
}

body.webrox-guard-stran .varuh-monitor-source > i:last-child {
	color: var(--wg-blue);
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-monitor-fix ol {
	display: grid;
	gap: .7rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: wg-fix-step;
}

body.webrox-guard-stran .varuh-monitor-fix li {
	position: relative;
	min-height: 30px;
	padding-left: 40px;
	color: var(--wg-text);
	font-size: .9rem;
	line-height: 1.5;
	counter-increment: wg-fix-step;
}

body.webrox-guard-stran .varuh-monitor-fix li::before {
	position: absolute;
	left: 0;
	top: -2px;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
	font-size: .72rem;
	font-weight: 900;
	content: counter(wg-fix-step);
}

body.webrox-guard-stran .varuh-monitor-issue-actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: .7rem;
	max-width: none;
	padding: 1rem 1.6rem;
	border-top: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-issue-actions .button {
	min-height: 44px;
	padding: .65rem .9rem;
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-monitor-help-link {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--wg-blue-dark);
	font-size: .8rem;
	font-weight: 750;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-monitor-issue-actions time {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	margin-left: auto;
	color: var(--wg-muted);
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-monitor-category-grid {
	gap: 1rem;
}

body.webrox-guard-stran .varuh-monitor-category-grid > div {
	min-height: 92px;
	padding: 1.05rem;
}

body.webrox-guard-stran .varuh-monitor-category-grid > div > i {
	width: 44px;
	height: 44px;
}

body.webrox-guard-stran .varuh-monitor-category-grid strong {
	font-size: .92rem;
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-monitor-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-monitor-score {
		min-width: 0;
		max-width: 520px;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-site-header > .container {
		padding-right: .75rem;
		padding-left: .75rem;
	}

	body.webrox-guard-stran .varuh-account-page {
		width: calc(100% - 1rem);
		max-width: calc(100vw - 1rem);
	}

	body.webrox-guard-stran .varuh-account-content.woocommerce-MyAccount-content {
		padding: .75rem;
	}

	body.webrox-guard-stran.woocommerce-account :where(.varuh-dashboard-home, .varuh-monitoring-app, .varuh-onboarding) {
		gap: 1rem;
	}

	body.webrox-guard-stran .varuh-dashboard-command,
	body.webrox-guard-stran .varuh-monitor-command {
		min-height: 0;
	}

	body.webrox-guard-stran :where(.varuh-dashboard-kpis, .varuh-monitor-kpis) > :is(a, div) {
		min-height: 86px;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: .75rem;
		min-height: 0;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a > i:first-child {
		grid-column: 1;
		grid-row: 1;
		width: 48px;
		height: 48px;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list > a > span:not(.varuh-site-status):not(.varuh-dashboard-site-action) {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-dashboard-site-list .varuh-site-status,
	body.webrox-guard-stran .varuh-dashboard-site-score {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-dashboard-site-action {
		grid-column: 1 / -1;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-monitor-focus {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-head {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: .8rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-icon {
		width: 52px;
		height: 52px;
		font-size: 1.1rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: .55rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-copy h4 {
		align-items: flex-start;
		font-size: 1.28rem;
	}

	body.webrox-guard-stran .varuh-monitor-detected {
		grid-template-columns: 1fr;
		gap: .35rem;
		padding: .8rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-guidance {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-monitor-issue-guidance > div {
		padding: 1.1rem;
	}

	body.webrox-guard-stran .varuh-monitor-impact {
		border-right: 0;
		border-bottom: 1px solid var(--wg-border);
	}

	body.webrox-guard-stran .varuh-monitor-issue-actions {
		display: grid;
		grid-template-columns: 1fr;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-issue-actions form,
	body.webrox-guard-stran .varuh-monitor-issue-actions .button,
	body.webrox-guard-stran .varuh-monitor-help-link {
		width: 100%;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-monitor-issue-actions time {
		margin-left: 0;
		justify-content: center;
	}

	body.webrox-guard-stran .varuh-monitor-category-grid {
		grid-template-columns: 1fr;
	}
}

/* Dashboard application shell and guided/advanced views. */
body.webrox-guard-stran .varuh-app-header {
	position: sticky;
	top: 0;
	z-index: 1040;
	border-bottom: 1px solid #223653;
	background: #0b1627;
	box-shadow: 0 8px 24px rgba(7, 17, 31, .12);
}

body.webrox-guard-stran.admin-bar .varuh-app-header {
	top: 32px;
}

body.webrox-guard-stran .varuh-app-header-inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(1.25rem, 2.5vw, 3rem);
	width: min(1600px, calc(100% - 3rem));
	min-height: 78px;
	margin: 0 auto;
}

body.webrox-guard-stran .varuh-app-brand {
	display: flex;
	align-items: center;
	gap: 1rem;
	min-width: 0;
	color: #dce9f8;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-app-brand img {
	display: block;
	width: 172px;
	height: 48px;
	object-fit: contain;
	object-position: left center;
}

body.webrox-guard-stran .varuh-app-brand span {
	padding-left: 1rem;
	border-left: 1px solid rgba(255, 255, 255, .16);
	color: #9fb2ca;
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: 0;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-app-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-app-primary a {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-height: 42px;
	padding: .65rem .8rem;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #aebed2;
	font-size: .82rem;
	font-weight: 750;
	text-decoration: none;
	transition: color .18s var(--wg-ease), border-color .18s var(--wg-ease), background-color .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-app-primary a i {
	color: #7fa9dc;
}

body.webrox-guard-stran .varuh-app-primary a.is-current {
	border-color: rgba(125, 181, 255, .24);
	color: #fff;
	background: #152641;
}

body.webrox-guard-stran .varuh-app-primary a.is-current i {
	color: #62a4ff;
}

body.webrox-guard-stran .varuh-app-actions {
	display: flex;
	align-items: center;
	gap: .5rem;
}

body.webrox-guard-stran .varuh-account-mode-switch {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3px;
	margin: 0;
	padding: 3px;
	border: 1px solid #2c4362;
	border-radius: 7px;
	background: #07111f;
}

body.webrox-guard-stran .varuh-account-mode-switch input {
	display: none;
}

body.webrox-guard-stran .varuh-account-mode-switch button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	min-height: 36px;
	padding: .45rem .65rem;
	border: 1px solid transparent !important;
	border-radius: 5px !important;
	color: #91a7c2 !important;
	background: transparent !important;
	font-size: .72rem;
	font-weight: 800;
	box-shadow: none !important;
}

body.webrox-guard-stran .varuh-account-mode-switch button.is-active {
	border-color: #3b5a81 !important;
	color: #fff !important;
	background: #183052 !important;
}

body.webrox-guard-stran .varuh-account-mode-switch button.is-active i {
	color: #62a4ff;
}

body.webrox-guard-stran .varuh-app-icon-action {
	display: inline-grid;
	place-items: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border: 1px solid #2c4362;
	border-radius: 6px;
	color: #aebed2;
	background: #101f35;
	text-decoration: none;
	transition: color .18s var(--wg-ease), border-color .18s var(--wg-ease), background-color .18s var(--wg-ease);
}

body.webrox-guard-stran.webrox-guard-account-app #container-content-page {
	background: #f1f5f9;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page,
body.webrox-guard-stran.webrox-guard-account-app.woocommerce-account .woocommerce-notices-wrapper:not(:empty) {
	width: min(1600px, calc(100% - 3rem));
	max-width: min(1600px, calc(100vw - 3rem));
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page {
	padding: 2rem 0 4rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-dashboard {
	padding-top: 1.5rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-layout {
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 1.5rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-mode-advanced .varuh-account-layout {
	grid-template-columns: 300px minmax(0, 1fr);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation.woocommerce-MyAccount-navigation {
	top: 96px;
	padding: .85rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more {
	margin: .35rem 0 .75rem;
	border-top: 1px solid var(--wg-border);
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	min-height: 44px;
	padding: .65rem .72rem;
	color: #5b687c;
	font-size: .8rem;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more summary span {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more summary > i {
	font-size: .65rem;
	transition: transform .18s var(--wg-ease);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more[open] summary > i {
	transform: rotate(180deg);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more ul {
	margin-top: 0;
	padding-bottom: .5rem;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading {
	align-items: center;
	min-height: 132px;
	margin-bottom: 1.5rem;
	padding: 1.5rem 1.75rem !important;
	box-shadow: none;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading h1 {
	margin: .35rem 0 .25rem;
	font-size: clamp(1.7rem, 2vw, 2.25rem);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-dashboard .varuh-account-content.woocommerce-MyAccount-content {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-content.woocommerce-MyAccount-content {
	padding: clamp(1.5rem, 2.2vw, 2.5rem);
}

body.webrox-guard-stran.webrox-guard-account-app :where(.varuh-dashboard-home, .varuh-monitoring-app, .varuh-onboarding) {
	width: 100%;
	max-width: none;
}

body.webrox-guard-stran .varuh-simple-command {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(360px, .7fr);
	align-items: center;
	gap: clamp(2rem, 4vw, 5rem);
	min-height: 390px;
	padding: clamp(2rem, 4vw, 4.5rem);
	border: 1px solid #223a5a;
	border-radius: 8px;
	color: #d7e4f4;
	background:
		linear-gradient(90deg, rgba(86, 151, 239, .055) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(rgba(86, 151, 239, .055) 1px, transparent 1px) 0 0 / 64px 64px,
		#0a1526;
}

body.webrox-guard-stran .varuh-simple-command::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--wg-blue);
	content: "";
}

body.webrox-guard-stran .varuh-simple-command.is-good::before {
	background: var(--wg-green);
}

body.webrox-guard-stran .varuh-simple-command.is-attention::before {
	background: #dc9a2b;
}

body.webrox-guard-stran .varuh-simple-command > * {
	position: relative;
	z-index: 1;
}

body.webrox-guard-stran .varuh-simple-kicker {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: #8fc0ff;
	font-size: .78rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-simple-command h2 {
	max-width: 900px;
	margin: .75rem 0 1rem;
	color: #fff !important;
	font-size: clamp(2.1rem, 3.4vw, 4rem);
	line-height: 1.04;
}

body.webrox-guard-stran .varuh-simple-command-copy > p {
	max-width: 760px;
	margin: 0;
	color: #b7c7da;
	font-size: clamp(1rem, 1.25vw, 1.16rem);
}

body.webrox-guard-stran .varuh-simple-command-actions,
body.webrox-guard-stran .varuh-simple-start-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 1.5rem;
}

body.webrox-guard-stran .varuh-simple-command-actions .button,
body.webrox-guard-stran .varuh-simple-start-actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 50px;
	padding: .8rem 1.15rem;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-simple-assurances {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin: 1.5rem 0 0;
	padding: 0;
	color: #9eb1c9;
	font-size: .78rem;
	font-weight: 700;
	list-style: none;
}

body.webrox-guard-stran .varuh-simple-assurances li {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-simple-assurances i {
	color: #20bd83;
}

body.webrox-guard-stran .varuh-simple-visual {
	display: grid;
	grid-template-columns: minmax(170px, 1fr) minmax(150px, .72fr);
	align-items: end;
	justify-self: stretch;
	min-width: 0;
}

body.webrox-guard-stran .varuh-simple-visual img {
	justify-self: end;
	width: min(100%, 270px);
	height: 285px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .22));
	animation: wg-account-mascot 10s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-simple-score {
	display: grid;
	align-content: center;
	gap: .35rem;
	min-height: 180px;
	padding-left: 1.5rem;
	border-left: 1px solid rgba(255, 255, 255, .16);
}

body.webrox-guard-stran .varuh-simple-score span,
body.webrox-guard-stran .varuh-simple-score em {
	color: #9fb2ca;
	font-size: .78rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-simple-score strong {
	color: #fff;
	font-size: clamp(2.5rem, 4vw, 4.25rem);
	line-height: 1;
}

body.webrox-guard-stran .varuh-simple-score strong small {
	font-size: .85rem;
}

body.webrox-guard-stran .varuh-simple-score strong i {
	color: #65a8ff;
	font-size: 2.4rem;
}

body.webrox-guard-stran .varuh-simple-sites,
body.webrox-guard-stran .varuh-simple-start {
	display: grid;
	gap: 1.5rem;
	padding: clamp(1.5rem, 2.5vw, 2.75rem);
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-simple-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .65fr);
	align-items: end;
	gap: 2rem;
}

body.webrox-guard-stran .varuh-simple-section-heading h2 {
	margin: .35rem 0 0;
	color: var(--wg-ink);
	font-size: clamp(1.75rem, 2.4vw, 2.65rem);
	line-height: 1.1;
}

body.webrox-guard-stran .varuh-simple-section-heading > p {
	margin: 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-simple-site-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-simple-site {
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: 1.25rem;
	min-height: 310px;
	padding: 1.4rem;
	border: 1px solid var(--wg-border);
	border-top: 4px solid var(--wg-green);
	border-radius: 7px;
	background: #f8fafc;
	transition: border-color .2s var(--wg-ease), background-color .2s var(--wg-ease), transform .2s var(--wg-ease), box-shadow .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-simple-site.is-warn,
body.webrox-guard-stran .varuh-simple-site.is-bad {
	border-top-color: #d99629;
}

body.webrox-guard-stran .varuh-simple-site > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-simple-site > header > i {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 7px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-simple-site div > small {
	color: var(--wg-blue-dark);
	font-size: .7rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-simple-site h3 {
	margin: .3rem 0 .6rem;
	color: var(--wg-ink);
	font-size: clamp(1.35rem, 1.8vw, 1.7rem);
}

body.webrox-guard-stran .varuh-simple-site p {
	margin: 0;
	color: var(--wg-text);
}

body.webrox-guard-stran .varuh-simple-site footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-site footer > span {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-simple-site footer .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	min-height: 44px;
	padding: .65rem .85rem;
	font-size: .78rem;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-simple-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: 7px;
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-steps > div {
	position: relative;
	display: grid;
	align-content: start;
	gap: .65rem;
	min-height: 210px;
	padding: 1.5rem;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-simple-steps > div > span {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #a2b0c2;
	font-size: .75rem;
	font-weight: 900;
}

body.webrox-guard-stran .varuh-simple-steps i {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 7px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
	font-size: 1.1rem;
}

body.webrox-guard-stran .varuh-simple-steps strong {
	margin-top: .25rem;
	color: var(--wg-ink);
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-simple-steps p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-simple-shortcuts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-simple-shortcuts > a {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 1rem;
	min-height: 126px;
	padding: 1.25rem;
	border: 1px solid var(--wg-border);
	border-radius: 7px;
	color: inherit;
	background: #fff;
	text-decoration: none;
	transition: border-color .2s var(--wg-ease), background-color .2s var(--wg-ease), transform .2s var(--wg-ease), box-shadow .2s var(--wg-ease);
}

body.webrox-guard-stran .varuh-simple-shortcuts > a > i:first-child {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 7px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
	font-size: 1.12rem;
}

body.webrox-guard-stran .varuh-simple-shortcuts span {
	display: grid;
	gap: .2rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-simple-shortcuts small {
	color: var(--wg-blue-dark);
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-simple-shortcuts strong {
	color: var(--wg-ink);
	font-size: .98rem;
}

body.webrox-guard-stran .varuh-simple-shortcuts em {
	color: var(--wg-muted);
	font-size: .78rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-simple-shortcuts > a > i:last-child {
	color: #95a7bc;
	font-size: .75rem;
}

/* Final interaction normalization: every control keeps contrast and position. */
body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]):hover {
	transform: none;
}

body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]):disabled,
body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]).disabled,
body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"])[aria-disabled="true"] {
	opacity: .58;
	cursor: not-allowed;
	transform: none !important;
	box-shadow: none !important;
}

body.webrox-guard-stran :where(.accordion-button, .varuh-popup-zapri, .varuh-account-mode-switch button):hover {
	transform: none !important;
}

body.webrox-guard-stran :where(.varuh-simple-command, .varuh-dashboard-command, .varuh-monitor-command, .varuh-onboarding-intro, .varuh-order-welcome) .button-outline {
	border-color: rgba(180, 207, 240, .45) !important;
	color: #eaf3ff !important;
	background: transparent !important;
}

body.webrox-guard-stran :where(.btn, .button, button, input[type="submit"]):focus-visible,
body.webrox-guard-stran :where(.varuh-app-primary a, .varuh-app-icon-action, .varuh-simple-shortcuts > a, .varuh-dashboard-site-list > a):focus-visible {
	outline: 3px solid rgba(20, 120, 255, .35) !important;
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	body.webrox-guard-stran :where(.btn-primary, .button:not(.button-outline), button.button, input[type="submit"]):not(:disabled):hover {
		border-color: #0959c5 !important;
		color: #fff !important;
		background: #0959c5 !important;
		box-shadow: 0 6px 16px rgba(20, 120, 255, .16) !important;
		transform: translateY(-1px);
	}

	body.webrox-guard-stran :where(.btn-outline-primary, .button-outline):not(:disabled):hover {
		border-color: #78aef1 !important;
		color: #084fB2 !important;
		background: #e8f2ff !important;
		box-shadow: none !important;
		transform: translateY(-1px);
	}

	body.webrox-guard-stran :is(a, button).button.button-outline:not(:disabled):hover {
		border-color: #78aef1 !important;
		color: #084fb2 !important;
		background: #e8f2ff !important;
	}

	body.webrox-guard-stran :where(.varuh-simple-command, .varuh-dashboard-command, .varuh-monitor-command, .varuh-onboarding-intro, .varuh-order-welcome) .button-outline:not(:disabled):hover {
		border-color: #78aef1 !important;
		color: #fff !important;
		background: #17365f !important;
	}

	body.webrox-guard-stran :where(.varuh-simple-command, .varuh-dashboard-command, .varuh-monitor-command, .varuh-onboarding-intro, .varuh-order-welcome) :is(a, button).button.button-outline:not(:disabled):hover {
		border-color: #78aef1 !important;
		color: #fff !important;
		background: #17365f !important;
	}

	body.webrox-guard-stran .btn-light:not(:disabled):hover {
		border-color: #d6e6fa !important;
		color: #0b4f9d !important;
		background: #eaf3ff !important;
		box-shadow: none !important;
		transform: translateY(-1px);
	}

	body.webrox-guard-stran .btn-outline-light:not(:disabled):hover {
		border-color: #fff !important;
		color: #0b1627 !important;
		background: #fff !important;
		box-shadow: none !important;
		transform: translateY(-1px);
	}

	body.webrox-guard-stran .varuh-app-primary a:hover {
		border-color: #314b6d;
		color: #fff;
		background: #13243d;
	}

	body.webrox-guard-stran .varuh-app-icon-action:hover {
		border-color: #4f78a9;
		color: #fff;
		background: #183052;
	}

	body.webrox-guard-stran .varuh-site-account:hover,
	body.webrox-guard-stran .varuh-home-account:hover {
		border-color: #557da9;
		color: #fff;
		background: #17304f;
	}

	body.webrox-guard-stran .varuh-account-mode-switch button:not(.is-active):hover {
		border-color: #2d496d !important;
		color: #dce9f8 !important;
		background: #10223b !important;
	}

	body.webrox-guard-stran .varuh-account-navigation li a:hover {
		color: var(--wg-blue-dark);
		background: var(--wg-blue-soft);
		transform: none;
	}

	body.webrox-guard-stran :where(.varuh-simple-site, .varuh-simple-shortcuts > a, .varuh-dashboard-kpis > a, .varuh-dashboard-site-list > a, .varuh-dashboard-how-grid > a):hover {
		border-color: #9fc2ec;
		background: #fff;
		box-shadow: 0 8px 22px rgba(7, 17, 31, .07);
		transform: translateY(-2px);
	}

	body.webrox-guard-stran :is(a, button).btn:hover,
	body.webrox-guard-stran :is(a, button).button:hover,
	body.webrox-guard-stran input[type="submit"]:hover {
		transform: translateY(-1px) !important;
	}

	body.webrox-guard-stran .varuh-cenik:has(:is(.btn, .button):hover),
	body.webrox-guard-stran .varuh-sekcijski-cta:has(:is(.btn, .button):hover),
	body.webrox-guard-stran .varuh-package-compare-card:has(:is(.btn, .button):hover) {
		transform: none !important;
	}
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-app-header-inner {
		grid-template-columns: auto minmax(0, 1fr);
		gap: .65rem 1.5rem;
		padding: .7rem 0;
	}

	body.webrox-guard-stran .varuh-app-primary {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-app-actions {
		justify-self: end;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation.woocommerce-MyAccount-navigation {
		top: 138px;
	}

	body.webrox-guard-stran .varuh-simple-command {
		grid-template-columns: minmax(0, 1fr) minmax(310px, .75fr);
		gap: 2rem;
	}

	body.webrox-guard-stran .varuh-simple-visual {
		grid-template-columns: minmax(145px, 1fr) minmax(125px, .7fr);
	}

	body.webrox-guard-stran .varuh-simple-visual img {
		height: 230px;
	}

	body.webrox-guard-stran .varuh-simple-shortcuts {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-layout,
	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-mode-advanced .varuh-account-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation.woocommerce-MyAccount-navigation {
		position: static;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-person,
	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-help {
		display: none;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation .varuh-account-primary-menu {
		display: flex;
		gap: .4rem;
		margin: 0;
		overflow-x: auto;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation .varuh-account-primary-menu li {
		flex: 0 0 auto;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation-more {
		display: none;
	}

	body.webrox-guard-stran .varuh-simple-command {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	body.webrox-guard-stran .varuh-simple-visual {
		justify-self: start;
		width: min(100%, 520px);
	}

	body.webrox-guard-stran .varuh-simple-section-heading {
		grid-template-columns: 1fr;
		gap: .75rem;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran.admin-bar .varuh-app-header {
		top: 46px;
	}

	body.webrox-guard-stran .varuh-app-header-inner {
		grid-template-columns: minmax(0, 1fr) 40px 40px;
		grid-template-rows: auto auto auto;
		gap: .55rem;
		width: calc(100% - 1rem);
		padding: .55rem 0 .65rem;
	}

	body.webrox-guard-stran .varuh-app-brand {
		grid-column: 1;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-app-brand img {
		width: 132px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-app-brand span {
		display: none;
	}

	body.webrox-guard-stran .varuh-app-primary {
		grid-column: 1 / -1;
		grid-row: 3;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: .35rem;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-app-primary a {
		justify-content: center;
		min-height: 40px;
		padding: .5rem .35rem;
		font-size: .7rem;
	}

	body.webrox-guard-stran .varuh-app-actions {
		display: contents;
	}

	body.webrox-guard-stran .varuh-account-mode-switch {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-app-actions > .varuh-app-icon-action:first-of-type {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-app-actions > .varuh-app-icon-action:last-of-type {
		grid-column: 3;
		grid-row: 1;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page,
	body.webrox-guard-stran.webrox-guard-account-app.woocommerce-account .woocommerce-notices-wrapper:not(:empty) {
		width: calc(100% - 1rem);
		max-width: calc(100vw - 1rem);
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page {
		padding: 1rem 0 2.5rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation.woocommerce-MyAccount-navigation {
		padding: .5rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app.webrox-guard-mode-simple .varuh-account-navigation.woocommerce-MyAccount-navigation {
		display: none;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-navigation .varuh-account-primary-menu li a {
		grid-template-columns: 18px auto;
		min-height: 42px;
		padding: .55rem .65rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-content.woocommerce-MyAccount-content {
		padding: 1rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: .65rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-section-heading > p,
	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-section-heading > div {
		width: 100%;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-dashboard .varuh-account-content.woocommerce-MyAccount-content {
		padding: 0;
	}

	body.webrox-guard-stran .varuh-simple-command {
		gap: 1.5rem;
		padding: 1.35rem;
	}

	body.webrox-guard-stran .varuh-simple-command h2 {
		font-size: clamp(1.85rem, 9vw, 2.5rem);
	}

	body.webrox-guard-stran .varuh-simple-command-actions,
	body.webrox-guard-stran .varuh-simple-start-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-simple-command-actions .button,
	body.webrox-guard-stran .varuh-simple-start-actions .button {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-simple-assurances {
		display: grid;
		grid-template-columns: 1fr;
		gap: .55rem;
	}

	body.webrox-guard-stran .varuh-simple-visual {
		grid-template-columns: minmax(115px, 1fr) minmax(110px, .75fr);
		width: 100%;
	}

	body.webrox-guard-stran .varuh-simple-visual img {
		height: 170px;
	}

	body.webrox-guard-stran .varuh-simple-score {
		min-height: 130px;
		padding-left: 1rem;
	}

	body.webrox-guard-stran .varuh-simple-score strong {
		font-size: 2.5rem;
	}

	body.webrox-guard-stran .varuh-simple-sites,
	body.webrox-guard-stran .varuh-simple-start {
		gap: 1rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-simple-site {
		min-height: 0;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-simple-site footer {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-simple-site footer .button {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-simple-steps {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-simple-steps > div {
		min-height: 0;
		padding: 1.15rem;
	}

	body.webrox-guard-stran .varuh-simple-shortcuts {
		gap: .75rem;
	}

	body.webrox-guard-stran .varuh-simple-shortcuts > a {
		grid-template-columns: 44px minmax(0, 1fr) 14px;
		gap: .75rem;
		min-height: 108px;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-simple-shortcuts > a > i:first-child {
		width: 44px;
		height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-simple-visual img {
		animation: none !important;
	}
}

/* Guided scans and the simplified monitoring workspace. */
body.webrox-guard-stran .varuh-scan-progress {
	display: grid;
	gap: 1.1rem;
	padding: clamp(1.25rem, 2vw, 1.8rem);
	border: 1px solid #bcd4f1;
	border-radius: 8px;
	background: #f8fbff;
	box-shadow: 0 6px 18px rgba(20, 52, 92, .05);
}

body.webrox-guard-stran .varuh-scan-progress-head {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-scan-progress-icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 7px;
	color: #fff;
	background: var(--wg-blue);
	font-size: 1.1rem;
}

body.webrox-guard-stran .varuh-scan-progress-head > div:nth-child(2) {
	display: grid;
	gap: .22rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-scan-progress-head span {
	color: var(--wg-blue-dark);
	font-size: .7rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-scan-progress-head h3 {
	margin: 0;
	color: var(--wg-ink);
	font-size: clamp(1.15rem, 1.7vw, 1.45rem);
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-scan-progress-head p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-scan-progress-head > strong {
	color: var(--wg-blue-dark);
	font-size: 1.25rem;
}

body.webrox-guard-stran .varuh-scan-progress-rail {
	overflow: hidden;
	height: 9px;
	border-radius: 5px;
	background: #dce8f5;
}

body.webrox-guard-stran .varuh-scan-progress-rail span {
	display: block;
	width: var(--scan-progress);
	height: 100%;
	border-radius: inherit;
	background: var(--wg-blue);
	transition: width .45s var(--wg-ease);
}

body.webrox-guard-stran .varuh-scan-progress-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-scan-progress-steps span {
	display: flex;
	align-items: center;
	gap: .45rem;
	min-width: 0;
	color: #7f90a5;
	font-size: .72rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-scan-progress-steps i {
	display: grid;
	place-items: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border: 1px solid #cbd9e9;
	border-radius: 50%;
	background: #fff;
}

body.webrox-guard-stran .varuh-scan-progress-steps .is-current,
body.webrox-guard-stran .varuh-scan-progress-steps .is-complete {
	color: var(--wg-blue-dark);
}

body.webrox-guard-stran .varuh-scan-progress-steps .is-complete i {
	border-color: #9ed9c3;
	color: #087d56;
	background: #eaf8f2;
}

body.webrox-guard-stran .varuh-scan-progress[data-scan-state="failed"] {
	border-color: #efb7c0;
	background: #fff7f8;
}

body.webrox-guard-stran .varuh-scan-progress[data-scan-state="failed"] .varuh-scan-progress-icon,
body.webrox-guard-stran .varuh-scan-progress[data-scan-state="failed"] .varuh-scan-progress-rail span {
	background: var(--wg-red);
}

body.webrox-guard-stran .varuh-monitor-explanation {
	border-top: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-explanation > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 14px;
	align-items: center;
	gap: .75rem;
	padding: .9rem 1.6rem;
	color: var(--wg-blue-dark);
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-monitor-explanation > summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-monitor-explanation > summary > span {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-monitor-explanation > summary small {
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-monitor-explanation > summary > i:last-child {
	font-size: .72rem;
	transition: transform .18s ease;
}

body.webrox-guard-stran .varuh-monitor-explanation[open] > summary > i:last-child {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-monitor-remediation {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr) minmax(220px, 300px);
	align-items: start;
	gap: 1.1rem;
	padding: 1.25rem 1.6rem;
	border-top: 1px solid #bed6f3;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-monitor-remediation.is-automatic {
	border-top-color: #aedccb;
	background: #edf9f4;
}

body.webrox-guard-stran .varuh-monitor-remediation.is-connection-required {
	border-top-color: #ead49d;
	background: #fff9ea;
}

body.webrox-guard-stran .varuh-monitor-remediation-icon {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 7px;
	color: #fff;
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-monitor-remediation.is-automatic .varuh-monitor-remediation-icon {
	background: var(--wg-green);
}

body.webrox-guard-stran .varuh-monitor-remediation.is-connection-required .varuh-monitor-remediation-icon {
	color: #765500;
	background: #ffe6a8;
}

body.webrox-guard-stran .varuh-monitor-remediation > div:nth-child(2) {
	display: grid;
	gap: .25rem;
	min-width: 0;
	text-align: left;
}

body.webrox-guard-stran .varuh-monitor-remediation span {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	justify-self: start;
	color: var(--wg-blue);
	font-size: .68rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-monitor-remediation.is-automatic span {
	color: #087952;
}

body.webrox-guard-stran .varuh-monitor-remediation.is-connection-required span {
	color: #765500;
}

body.webrox-guard-stran .varuh-monitor-remediation strong {
	color: var(--wg-ink);
	font-size: 1rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-monitor-remediation p,
body.webrox-guard-stran .varuh-monitor-remediation small {
	margin: 0;
	color: var(--wg-muted);
	font-size: .78rem;
	line-height: 1.5;
	text-align: left;
}

body.webrox-guard-stran .varuh-monitor-remediation > div small {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	color: var(--wg-blue-dark);
	font-weight: 750;
}

body.webrox-guard-stran .varuh-monitor-remediation-action {
	display: grid;
	align-self: center;
	gap: .42rem;
	width: 100%;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-remediation-action .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	min-height: 44px;
	padding-inline: .85rem;
	text-align: center;
}

body.webrox-guard-stran .varuh-monitor-remediation-action > small {
	display: flex;
	align-items: flex-start;
	gap: .38rem;
	text-align: left;
}

body.webrox-guard-stran .varuh-monitor-remediation-action > small i {
	flex: 0 0 auto;
	margin-top: .18em;
}

body.webrox-guard-stran .varuh-monitoring-app .varuh-account-section-heading > div,
body.webrox-guard-stran .varuh-monitoring-app .varuh-account-section-heading > p,
body.webrox-guard-stran .varuh-monitor-issue-copy,
body.webrox-guard-stran .varuh-monitor-detected,
body.webrox-guard-stran .varuh-monitor-issue-guidance > div,
body.webrox-guard-stran .varuh-monitor-affected-item > span {
	min-width: 0;
	text-align: left;
}

body.webrox-guard-stran .varuh-monitor-issue-copy h4,
body.webrox-guard-stran .varuh-monitor-detected p,
body.webrox-guard-stran .varuh-monitor-issue-guidance h5,
body.webrox-guard-stran .varuh-monitor-issue-guidance p {
	text-align: left;
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-monitor-issue-actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .48rem;
}

body.webrox-guard-stran .varuh-monitor-more-issues {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.2rem;
	border: 1px solid var(--wg-border);
	border-radius: 7px;
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-more-issues > div {
	display: flex;
	align-items: center;
	gap: .8rem;
}

body.webrox-guard-stran .varuh-monitor-more-issues > div > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 7px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-monitor-more-issues span {
	display: grid;
	gap: .12rem;
}

body.webrox-guard-stran .varuh-monitor-more-issues small {
	color: var(--wg-muted);
	font-size: .75rem;
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-focus {
	gap: 1.15rem;
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-list {
	gap: .85rem;
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue {
	box-shadow: 0 5px 16px rgba(7, 17, 31, .045);
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-head {
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 1rem;
	padding: 1.2rem 1.35rem;
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-icon {
	width: 54px;
	height: 54px;
	font-size: 1.1rem;
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-copy h4 {
	margin-bottom: .7rem;
	font-size: clamp(1.15rem, 1.7vw, 1.42rem);
}

body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-detected {
	grid-template-columns: 120px minmax(0, 1fr);
	padding: .72rem .85rem;
}

body.webrox-guard-stran .varuh-simple-command {
	grid-template-columns: minmax(0, 1fr) minmax(330px, 410px);
	gap: clamp(1.5rem, 3vw, 3rem);
	min-height: 300px;
	padding: clamp(1.7rem, 3vw, 3rem);
}

body.webrox-guard-stran .varuh-simple-visual {
	display: grid;
	grid-template-columns: minmax(145px, 1fr) minmax(125px, .72fr);
	align-items: end;
}

body.webrox-guard-stran .varuh-simple-score {
	min-height: 170px;
	padding: 1.2rem 0 1.2rem 1.5rem;
}

body.webrox-guard-stran .varuh-simple-score span {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-simple-utility {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: 7px;
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-utility a {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 12px;
	align-items: center;
	gap: .7rem;
	min-height: 68px;
	padding: .8rem 1rem;
	color: var(--wg-ink);
	background: #fff;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease;
}

body.webrox-guard-stran .varuh-simple-utility a:hover,
body.webrox-guard-stran .varuh-simple-utility a:focus-visible {
	color: var(--wg-blue-dark);
	background: #f5f9ff;
}

body.webrox-guard-stran .varuh-simple-utility a > i:first-child {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 6px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-simple-utility a > i:last-child {
	color: #8da0b7;
	font-size: .68rem;
}

@media (max-width: 1100px) {
	body.webrox-guard-stran .varuh-simple-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-simple-visual {
		width: min(100%, 430px);
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-monitor-remediation {
		grid-template-columns: 46px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-monitor-remediation-action {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-simple-command {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	body.webrox-guard-stran .varuh-simple-visual {
		grid-template-columns: minmax(115px, 1fr) minmax(100px, .72fr);
	}

	body.webrox-guard-stran .varuh-scan-progress {
		gap: .9rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-scan-progress-head {
		grid-template-columns: 44px minmax(0, 1fr) auto;
		gap: .75rem;
	}

	body.webrox-guard-stran .varuh-scan-progress-icon {
		width: 44px;
		height: 44px;
	}

	body.webrox-guard-stran .varuh-scan-progress-head p {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-scan-progress-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-head {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: .75rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-issue-icon {
		width: 44px;
		height: 44px;
	}

	body.webrox-guard-stran .varuh-monitor-issue-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: .45rem;
	}

	body.webrox-guard-stran .varuh-monitoring-app.is-mode-simple .varuh-monitor-detected {
		grid-template-columns: 1fr;
		gap: .3rem;
	}

	body.webrox-guard-stran .varuh-monitor-explanation > summary {
		grid-template-columns: minmax(0, 1fr) 14px;
		padding: .85rem 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-explanation > summary small {
		display: none;
	}

	body.webrox-guard-stran .varuh-monitor-remediation {
		grid-template-columns: 42px minmax(0, 1fr);
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-monitor-remediation-icon {
		width: 42px;
		height: 42px;
	}

	body.webrox-guard-stran .varuh-monitor-remediation-action .button,
	body.webrox-guard-stran .varuh-monitor-more-issues form,
	body.webrox-guard-stran .varuh-monitor-more-issues .button {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-monitor-more-issues {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-simple-command {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 1.25rem;
	}

	body.webrox-guard-stran .varuh-simple-score {
		min-height: 110px;
		padding: 1rem 0 0;
		border-top: 1px solid rgba(255, 255, 255, .16);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-simple-utility {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-scan-progress-rail span,
	body.webrox-guard-stran .varuh-monitor-explanation > summary > i:last-child {
		transition: none;
	}
}

/* Account dashboard: one control language and a clearer operational overview. */
body.webrox-guard-stran.webrox-guard-account-app {
	--wg-control-radius: 7px;
	--wg-panel-radius: 8px;
	--wg-compact-radius: 5px;
}

body.webrox-guard-stran.webrox-guard-account-app :where(
	a.button,
	button.button,
	.btn,
	input[type="submit"],
	.varuh-app-primary a,
	.varuh-app-icon-action,
	.varuh-account-navigation li a,
	.varuh-account-mode-switch,
	.varuh-account-mode-switch button,
	.varuh-dashboard-site-action,
	.varuh-site-status,
	.varuh-account-status
) {
	border-radius: var(--wg-control-radius) !important;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-mode-switch button {
	border-radius: var(--wg-control-radius) !important;
}

body.webrox-guard-stran.webrox-guard-account-app :where(
	.varuh-simple-command,
	.varuh-simple-sites,
	.varuh-simple-start,
	.varuh-simple-plan,
	.varuh-advanced-overview > article,
	.varuh-dashboard-sites,
	.varuh-dashboard-operations,
	.varuh-dashboard-operations-grid > article,
	.varuh-dashboard-subscriptions,
	.varuh-account-alerts > a
) {
	border-radius: var(--wg-panel-radius) !important;
}

body.webrox-guard-stran.webrox-guard-account-app :where(
	.varuh-simple-kicker,
	.varuh-account-section-label,
	.varuh-monitor-issue-meta em,
	.varuh-account-status,
	.varuh-site-status
) {
	border-radius: var(--wg-compact-radius) !important;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command {
	grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
	min-height: 330px;
	padding: clamp(2rem, 3vw, 3.5rem);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command h2 {
	font-size: clamp(2.25rem, 3.2vw, 3.65rem);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual {
	display: grid;
	grid-template-columns: minmax(150px, .75fr) minmax(205px, 1fr);
	align-items: center;
	gap: 1rem;
	min-height: 250px;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual img {
	grid-column: 2;
	justify-self: center;
	width: min(100%, 255px);
	height: 255px;
	object-position: center;
}

body.webrox-guard-stran .varuh-simple-speech {
	position: relative;
	grid-column: 1;
	margin: 0;
	padding: 1rem;
	border: 1px solid rgba(143, 192, 255, .34);
	border-radius: var(--wg-control-radius);
	color: #dce9f8;
	background: #13243b;
	font-size: .86rem;
	font-weight: 750;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-simple-speech::after {
	position: absolute;
	right: -8px;
	top: 50%;
	width: 14px;
	height: 14px;
	border-top: 1px solid rgba(143, 192, 255, .34);
	border-right: 1px solid rgba(143, 192, 255, .34);
	background: #13243b;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}

body.webrox-guard-stran .varuh-simple-speech i {
	margin-right: .45rem;
	color: #65a8ff;
}

body.webrox-guard-stran .varuh-dashboard-journey {
	display: grid;
	grid-template-columns: minmax(210px, .42fr) minmax(0, 1.58fr);
	align-items: center;
	gap: clamp(1.25rem, 2.2vw, 2.5rem);
	padding: 1.15rem 1.35rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius);
	background: #fff;
}

body.webrox-guard-stran .varuh-dashboard-journey-heading h2 {
	margin: .25rem 0 0;
	color: var(--wg-ink);
	font-size: 1.12rem;
}

body.webrox-guard-stran .varuh-dashboard-journey ol {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-dashboard-journey li {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-width: 0;
	padding-right: 1rem;
}

body.webrox-guard-stran .varuh-dashboard-journey li:not(:last-child)::after {
	position: absolute;
	right: .35rem;
	top: 50%;
	width: .7rem;
	height: 1px;
	background: #c9d6e6;
	content: "";
}

body.webrox-guard-stran .varuh-dashboard-journey li > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #c9d6e6;
	border-radius: 50%;
	color: #7c8da3;
	background: #f7f9fc;
	font-size: .78rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-dashboard-journey li.is-complete > span {
	border-color: #9cd8c0;
	color: #08794f;
	background: #eaf8f1;
}

body.webrox-guard-stran .varuh-dashboard-journey li.is-current > span {
	border-color: var(--wg-blue);
	color: #fff;
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-dashboard-journey li div {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-dashboard-journey li strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-journey li small {
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-simple-status-board {
	display: grid;
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-simple-status-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.webrox-guard-stran .varuh-simple-status-grid > div {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	min-height: 104px;
	padding: 1rem 1.15rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius);
	background: #fff;
}

body.webrox-guard-stran .varuh-simple-status-grid > div > i {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: var(--wg-control-radius);
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-simple-status-grid .is-good > i {
	color: #08794f;
	background: #e9f8f1;
}

body.webrox-guard-stran .varuh-simple-status-grid .is-warn > i {
	color: #a66500;
	background: #fff5df;
}

body.webrox-guard-stran .varuh-simple-status-grid .is-info > i {
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-simple-status-grid span {
	display: grid;
	gap: .15rem;
}

body.webrox-guard-stran .varuh-simple-status-grid strong {
	color: var(--wg-ink);
	font-size: 1.7rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-simple-status-grid small {
	color: var(--wg-muted);
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-simple-plan {
	border: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-simple-plan > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 1.35rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-plan > header h3 {
	margin: .25rem 0 0;
	color: var(--wg-ink);
	font-size: 1.35rem;
}

body.webrox-guard-stran .varuh-simple-plan > header > a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--wg-blue-dark);
	font-size: .78rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-simple-plan-list {
	display: grid;
}

body.webrox-guard-stran .varuh-simple-plan-list article {
	display: grid;
	grid-template-columns: 32px 46px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .9rem;
	padding: 1rem 1.35rem;
}

body.webrox-guard-stran .varuh-simple-plan-list article + article {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-plan-number,
body.webrox-guard-stran .varuh-simple-plan-list article > i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: var(--wg-compact-radius);
	color: #6f8096;
	background: #edf2f8;
	font-size: .78rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-simple-plan-list article > i {
	width: 46px;
	height: 46px;
	color: #a66500;
	background: #fff5df;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-simple-plan-list article.is-bad > i {
	color: #b42335;
	background: #fff0f2;
}

body.webrox-guard-stran .varuh-simple-plan-list article > div {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-simple-plan-list article small {
	color: var(--wg-blue-dark);
	font-size: .68rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-simple-plan-list article strong {
	color: var(--wg-ink);
	font-size: .98rem;
}

body.webrox-guard-stran .varuh-simple-plan-list article p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .76rem;
}

body.webrox-guard-stran .varuh-simple-plan-list article > em {
	color: #6f8096;
	font-size: .7rem;
	font-style: normal;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-simple-plan-list .button {
	min-height: 40px;
	padding: .55rem .8rem;
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-simple-plan-clear,
body.webrox-guard-stran .varuh-dashboard-priority-clear {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 1.35rem;
}

body.webrox-guard-stran .varuh-simple-plan-clear > i,
body.webrox-guard-stran .varuh-dashboard-priority-clear > i {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: var(--wg-control-radius);
	color: #08794f;
	background: #e9f8f1;
	font-size: 1.25rem;
}

body.webrox-guard-stran .varuh-simple-plan-clear p,
body.webrox-guard-stran .varuh-dashboard-priority-clear p {
	margin: .2rem 0 0;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-advanced-overview {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-advanced-overview > article {
	min-width: 0;
	border: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-advanced-overview article > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-advanced-overview article > header h2 {
	margin: .25rem 0 0;
	color: var(--wg-ink);
	font-size: 1.3rem;
}

body.webrox-guard-stran .varuh-advanced-overview article > header > a {
	color: var(--wg-blue-dark);
	font-size: .74rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-dashboard-health-content {
	display: grid;
	grid-template-columns: 150px minmax(180px, .65fr) minmax(280px, 1fr);
	align-items: center;
	gap: 1.25rem;
	min-height: 250px;
	padding: 1.25rem;
}

body.webrox-guard-stran .varuh-dashboard-score-ring {
	position: relative;
	display: grid;
	place-items: center;
	align-content: center;
	justify-self: center;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	background: conic-gradient(#1aa36f calc(var(--wg-score) * 1%), #e6edf5 0);
}

body.webrox-guard-stran .varuh-dashboard-score-ring::before {
	position: absolute;
	inset: 12px;
	border-radius: 50%;
	background: #fff;
	content: "";
}

body.webrox-guard-stran .varuh-dashboard-score-ring strong,
body.webrox-guard-stran .varuh-dashboard-score-ring small {
	position: relative;
	z-index: 1;
}

body.webrox-guard-stran .varuh-dashboard-score-ring strong {
	color: var(--wg-ink);
	font-size: 2.25rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-dashboard-score-ring small {
	margin-top: .2rem;
	color: var(--wg-muted);
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-dashboard-health-facts {
	display: grid;
	gap: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-health-facts > div {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-dashboard-health-facts i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-compact-radius);
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-dashboard-health-facts span {
	display: grid;
	gap: .08rem;
}

body.webrox-guard-stran .varuh-dashboard-health-facts strong {
	color: var(--wg-ink);
	font-size: .9rem;
}

body.webrox-guard-stran .varuh-dashboard-health-facts small {
	color: var(--wg-muted);
	font-size: .67rem;
}

body.webrox-guard-stran .varuh-dashboard-week-chart {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	align-items: end;
	gap: .6rem;
	height: 170px;
	padding-top: .25rem;
}

body.webrox-guard-stran .varuh-dashboard-week-chart > div {
	display: grid;
	grid-template-rows: 18px 120px 18px;
	align-items: end;
	justify-items: center;
	gap: .2rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-dashboard-week-value,
body.webrox-guard-stran .varuh-dashboard-week-chart small {
	color: var(--wg-muted);
	font-size: .62rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-dashboard-week-track {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #cfd9e6;
}

body.webrox-guard-stran .varuh-dashboard-week-stack {
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
	min-height: 4px;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	background: #dfe7f1;
}

body.webrox-guard-stran .varuh-dashboard-week-stack i {
	display: block;
	width: 100%;
	min-height: 0;
}

body.webrox-guard-stran .varuh-dashboard-week-stack .is-good {
	background: #1aa36f;
}

body.webrox-guard-stran .varuh-dashboard-week-stack .is-warn {
	background: #e0a12c;
}

body.webrox-guard-stran .varuh-dashboard-week-stack .is-bad {
	background: #d74255;
}

body.webrox-guard-stran .varuh-dashboard-priority-list {
	display: grid;
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 14px;
	align-items: center;
	gap: .8rem;
	min-height: 76px;
	padding: .9rem 1.15rem;
	color: inherit;
	text-decoration: none;
	transition: background-color .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a + a {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a:hover {
	background: #f7faff;
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a > i:first-child {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--wg-control-radius);
	color: #a66500;
	background: #fff5df;
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a.is-bad > i:first-child {
	color: #b42335;
	background: #fff0f2;
}

body.webrox-guard-stran .varuh-dashboard-priority-list span {
	display: grid;
	gap: .08rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-dashboard-priority-list small,
body.webrox-guard-stran .varuh-dashboard-priority-list em {
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .65rem;
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-dashboard-priority-list strong {
	overflow: hidden;
	color: var(--wg-ink);
	font-size: .84rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-dashboard-priority-list > a > i:last-child {
	color: #91a2b7;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-dashboard-operations {
	display: grid;
	gap: 1.25rem;
	padding: clamp(1.35rem, 2vw, 2rem);
	border: 1px solid var(--wg-border);
	background: #fff;
}

body.webrox-guard-stran .varuh-dashboard-operations-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-dashboard-operations-grid > article {
	min-width: 0;
	border: 1px solid var(--wg-border);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-dashboard-timeline > header,
body.webrox-guard-stran .varuh-dashboard-week-summary > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-dashboard-timeline h3,
body.webrox-guard-stran .varuh-dashboard-week-summary h3 {
	margin: 0;
	color: var(--wg-ink);
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-dashboard-week-summary h3 {
	margin-top: .2rem;
}

body.webrox-guard-stran .varuh-dashboard-timeline header a {
	color: var(--wg-blue-dark);
	font-size: .72rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-dashboard-timeline > div {
	display: grid;
}

body.webrox-guard-stran .varuh-dashboard-timeline > div > a {
	display: grid;
	grid-template-columns: 82px 34px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-height: 68px;
	padding: .75rem 1.1rem;
	color: inherit;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-dashboard-timeline > div > a + a {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-dashboard-timeline time {
	color: var(--wg-muted);
	font-size: .66rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-dashboard-timeline > div > a > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-compact-radius);
	color: #08794f;
	background: #e9f8f1;
}

body.webrox-guard-stran .varuh-dashboard-timeline > div > a.is-warn > i {
	color: #a66500;
	background: #fff5df;
}

body.webrox-guard-stran .varuh-dashboard-timeline span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-dashboard-timeline strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-timeline small {
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-dashboard-no-activity {
	margin: 0;
	padding: 1.25rem;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-dashboard-week-summary > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--wg-border);
}

body.webrox-guard-stran .varuh-dashboard-week-summary > div > span {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: .55rem;
	min-height: 78px;
	padding: .8rem;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-dashboard-week-summary > div i {
	display: grid;
	grid-row: 1 / 3;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: var(--wg-compact-radius);
	color: var(--wg-blue-dark);
	background: var(--wg-blue-soft);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-dashboard-week-summary > div small {
	color: var(--wg-muted);
	font-size: .62rem;
}

body.webrox-guard-stran .varuh-dashboard-week-summary > div strong {
	color: var(--wg-ink);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-dashboard-week-summary > .button {
	margin: 1rem;
}

@media (max-width: 1399.98px) {
	body.webrox-guard-stran .varuh-advanced-overview {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-health-content {
		grid-template-columns: 140px minmax(180px, .55fr) minmax(260px, 1fr);
	}
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command {
		grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr);
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual {
		grid-template-columns: minmax(130px, .75fr) minmax(170px, 1fr);
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual img {
		height: 215px;
	}

	body.webrox-guard-stran .varuh-dashboard-journey {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-operations-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual {
		justify-self: stretch;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-dashboard-health-content {
		grid-template-columns: 140px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-dashboard-week-chart {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command {
		gap: 1.1rem;
		padding: 1.25rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-command h2 {
		font-size: clamp(1.9rem, 9vw, 2.55rem);
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual {
		grid-template-columns: minmax(0, 1fr) 145px;
		gap: .65rem;
		min-height: 150px;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual img {
		height: 150px;
	}

	body.webrox-guard-stran .varuh-simple-speech {
		padding: .8rem;
		font-size: .76rem;
	}

	body.webrox-guard-stran .varuh-dashboard-journey {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-dashboard-journey ol {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem .65rem;
	}

	body.webrox-guard-stran .varuh-dashboard-journey li {
		padding-right: 0;
	}

	body.webrox-guard-stran .varuh-dashboard-journey li::after {
		display: none;
	}

	body.webrox-guard-stran .varuh-simple-status-grid {
		grid-template-columns: 1fr;
		gap: .65rem;
	}

	body.webrox-guard-stran .varuh-simple-status-grid > div {
		min-height: 86px;
	}

	body.webrox-guard-stran .varuh-simple-plan > header {
		align-items: flex-start;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-simple-plan-list article {
		grid-template-columns: 32px 42px minmax(0, 1fr);
		gap: .65rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-simple-plan-list article > i {
		width: 42px;
		height: 42px;
	}

	body.webrox-guard-stran .varuh-simple-plan-list article > em {
		grid-column: 2 / -1;
	}

	body.webrox-guard-stran .varuh-simple-plan-list .button {
		grid-column: 2 / -1;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-advanced-overview article > header {
		align-items: flex-start;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-dashboard-health-content {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	body.webrox-guard-stran .varuh-dashboard-health-facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
	}

	body.webrox-guard-stran .varuh-dashboard-health-facts > div {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}

	body.webrox-guard-stran .varuh-dashboard-week-chart {
		grid-column: auto;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-dashboard-operations {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-dashboard-timeline > div > a {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-dashboard-timeline time {
		grid-column: 2;
		grid-row: 2;
	}

	body.webrox-guard-stran .varuh-dashboard-timeline > div > a > i {
		grid-column: 1;
		grid-row: 1 / 3;
	}

	body.webrox-guard-stran .varuh-dashboard-timeline span {
		grid-column: 2;
		grid-row: 1;
	}
}

@media (max-width: 479.98px) {
	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual {
		grid-template-columns: 1fr 116px;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-simple-visual img {
		height: 120px;
	}

	body.webrox-guard-stran .varuh-dashboard-journey ol,
	body.webrox-guard-stran .varuh-dashboard-health-facts,
	body.webrox-guard-stran .varuh-dashboard-week-summary > div {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-dashboard-week-chart {
		gap: .3rem;
	}

	body.webrox-guard-stran .varuh-dashboard-week-chart > div {
		grid-template-rows: 16px 92px 16px;
	}

	body.webrox-guard-stran .varuh-dashboard-week-track {
		height: 92px;
	}
}

/* Live Guard: real schedule state, real scan progress and separated findings. */
body.webrox-guard-stran .varuh-live-guard {
	--live-accent: #2d87ff;
	display: grid;
	gap: 1rem;
	padding: 1.25rem;
	color: #fff;
	border: 1px solid #263a57;
	border-radius: 8px;
	background: #0b1729;
	box-shadow: 0 8px 22px rgba(8, 25, 48, .08);
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-live-guard.is-attention {
	--live-accent: #f0ad32;
}

body.webrox-guard-stran .varuh-live-guard.is-paused,
body.webrox-guard-stran .varuh-live-guard.is-setup {
	--live-accent: #8291a7;
}

body.webrox-guard-stran .varuh-live-guard.is-failed {
	--live-accent: #ed5365;
}

body.webrox-guard-stran .varuh-live-guard-head {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) minmax(360px, .72fr);
	align-items: center;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-live-guard-icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	color: #fff;
	border: 1px solid #345174;
	border-radius: 8px;
	background: #132640;
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-live-guard-icon > span {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 9px;
	height: 9px;
	border: 2px solid #132640;
	border-radius: 50%;
	background: var(--live-accent);
}

body.webrox-guard-stran .varuh-live-guard-copy {
	display: grid;
	gap: .3rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-live-guard-kicker {
	display: flex;
	align-items: center;
	gap: .45rem;
	color: #aac0dd;
	font-size: .7rem;
	font-weight: 850;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-live-guard-kicker > i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--live-accent);
}

body.webrox-guard-stran .varuh-live-guard:is(.is-active, .is-attention, .is-running) .varuh-live-guard-kicker > i,
body.webrox-guard-stran .varuh-live-guard:is(.is-active, .is-attention, .is-running) .varuh-live-guard-icon > span {
	animation: varuh-live-pulse 2.4s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-live-guard-kicker em {
	color: #fff;
	font-style: normal;
}

body.webrox-guard-stran .varuh-live-guard h2 {
	margin: 0;
	color: #fff;
	font-size: 1.35rem;
	line-height: 1.18;
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-live-guard-copy p {
	margin: 0;
	color: #aabbd1;
	font-size: .86rem;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-live-guard-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .55rem;
}

body.webrox-guard-stran .varuh-live-guard-metrics > span,
body.webrox-guard-stran .varuh-live-guard-metrics > a {
	display: grid;
	align-content: center;
	gap: .18rem;
	min-height: 62px;
	padding: .7rem .8rem;
	border: 1px solid #2c405d;
	border-radius: 7px;
	background: #101f34;
}

body.webrox-guard-stran .varuh-live-guard-metrics > a {
	position: relative;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.webrox-guard-stran .varuh-live-guard-metrics > a > i {
	position: absolute;
	right: .7rem;
	bottom: .7rem;
	color: #57a4ff;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-live-guard-metrics > a:hover,
body.webrox-guard-stran .varuh-live-guard-metrics > a:focus-visible {
	border-color: #4c99f4;
	background: #142943;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-live-guard-metrics small {
	color: #8fa6c2;
	font-size: .65rem;
	font-weight: 750;
	line-height: 1.25;
}

body.webrox-guard-stran .varuh-live-guard-metrics strong {
	color: #fff;
	font-size: .95rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-live-guard-cycle {
	display: grid;
	gap: .45rem;
}

body.webrox-guard-stran .varuh-live-guard-cycle > div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: #9fb2ca;
	font-size: .72rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-live-guard-cycle > div:first-child strong {
	color: #fff;
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-live-guard-rail {
	overflow: hidden;
	height: 8px;
	border-radius: 4px;
	background: #1a2d47;
}

body.webrox-guard-stran .varuh-live-guard-rail > span {
	position: relative;
	display: block;
	width: var(--scan-progress);
	height: 100%;
	border-radius: inherit;
	background: var(--live-accent);
	transition: width .45s var(--wg-ease);
}

body.webrox-guard-stran .varuh-live-guard.is-running .varuh-live-guard-rail > span::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: rgba(255, 255, 255, .75);
	animation: varuh-live-edge 1.25s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-live-guard-stages {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: .55rem;
}

body.webrox-guard-stran .varuh-live-guard-stages > div,
body.webrox-guard-stran .varuh-live-guard-stages > a {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-width: 0;
	min-height: 64px;
	padding: .65rem .72rem;
	border: 1px solid #2b405d;
	border-radius: 7px;
	background: #101f34;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.webrox-guard-stran .varuh-live-guard-stages > a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.webrox-guard-stran .varuh-live-guard-stages > a:hover,
body.webrox-guard-stran .varuh-live-guard-stages > a:focus-visible {
	border-color: #4c99f4;
	background: #142943;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-live-guard-stages > div > i,
body.webrox-guard-stran .varuh-live-guard-stages > a > i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	color: #8fb0d4;
	border: 1px solid #2d4666;
	border-radius: 7px;
	background: #152942;
}

body.webrox-guard-stran .varuh-live-guard-stages > div > span,
body.webrox-guard-stran .varuh-live-guard-stages > a > span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-live-guard-stages strong,
body.webrox-guard-stran .varuh-live-guard-stages small {
	overflow-wrap: anywhere;
}

body.webrox-guard-stran .varuh-live-guard-stages strong {
	color: #f7faff;
	font-size: .78rem;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-live-guard-stages small {
	color: #8fa6c2;
	font-size: .66rem;
	line-height: 1.25;
}

body.webrox-guard-stran .varuh-live-guard-stages > div.is-complete > i {
	color: #39d49b;
	border-color: rgba(57, 212, 155, .38);
}

body.webrox-guard-stran .varuh-live-guard-stages > div.has-issues > i,
body.webrox-guard-stran .varuh-live-guard-stages > a.has-issues > i {
	color: #f2b64b;
	border-color: rgba(242, 182, 75, .42);
}

body.webrox-guard-stran .varuh-live-guard-stages > div.is-current,
body.webrox-guard-stran .varuh-live-guard-stages > a.is-current {
	border-color: var(--live-accent);
	background: #142943;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-live-guard-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: .85rem;
	border-top: 1px solid #263a57;
	color: #92a8c3;
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-live-guard-foot span {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-live-guard-foot strong {
	color: #dbe6f4;
}

body.webrox-guard-stran .varuh-live-guard-foot a {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: #76b3ff;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-live-guard-foot a:hover,
body.webrox-guard-stran .varuh-live-guard-foot a:focus-visible {
	color: #fff;
}

body.webrox-guard-stran .varuh-monitor-areas {
	display: grid;
	gap: 1rem;
	padding: 1.15rem;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #f8fbff;
}

body.webrox-guard-stran .varuh-monitor-area-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-monitor-area-grid button {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: .65rem;
	min-width: 0;
	min-height: 76px;
	padding: .72rem;
	color: var(--wg-ink);
	text-align: left;
	border: 1px solid #cad9ea;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.webrox-guard-stran .varuh-monitor-area-grid button:hover,
body.webrox-guard-stran .varuh-monitor-area-grid button:focus-visible {
	border-color: #8bbcff;
	background: #f3f8ff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-monitor-area-grid button.is-active {
	color: #fff;
	border-color: var(--wg-blue);
	background: var(--wg-blue-dark);
}

body.webrox-guard-stran .varuh-monitor-area-grid button > i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	color: var(--wg-blue);
	border: 1px solid #d3e2f3;
	border-radius: 7px;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-monitor-area-grid button.is-security > i {
	color: #07835b;
	border-color: #c4e6d8;
	background: #ecf8f3;
}

body.webrox-guard-stran .varuh-monitor-area-grid button.has-issues > i {
	color: #a36a00;
	border-color: #ead5a9;
	background: #fff8e9;
}

body.webrox-guard-stran .varuh-monitor-area-grid button.is-active > i {
	color: #fff;
	border-color: rgba(255, 255, 255, .24);
	background: rgba(255, 255, 255, .1);
}

body.webrox-guard-stran .varuh-monitor-area-grid button > span {
	display: grid;
	gap: .18rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-area-grid strong {
	font-size: .76rem;
	line-height: 1.25;
}

body.webrox-guard-stran .varuh-monitor-area-grid small {
	color: var(--wg-muted);
	font-size: .64rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-monitor-area-grid button.is-active small {
	color: #bcd2ee;
}

body.webrox-guard-stran .varuh-monitor-filter-empty {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: .85rem;
	padding: 1rem;
	border: 1px solid #c7e6da;
	border-radius: 8px;
	background: #f0faf6;
}

body.webrox-guard-stran .varuh-monitor-filter-empty[hidden] {
	display: none;
}

body.webrox-guard-stran .varuh-monitor-filter-empty > i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	color: #087d56;
	border-radius: 7px;
	background: #dff4ea;
}

body.webrox-guard-stran .varuh-monitor-filter-empty strong,
body.webrox-guard-stran .varuh-monitor-filter-empty p {
	display: block;
	margin: 0;
}

body.webrox-guard-stran .varuh-monitor-filter-empty p {
	margin-top: .18rem;
	color: var(--wg-muted);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-monitor-activity {
	display: grid;
	gap: 1rem;
	padding: 1.15rem;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-monitor-activity-list {
	display: grid;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #f9fbfe;
}

body.webrox-guard-stran .varuh-monitor-activity-list > div {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	padding: .78rem .9rem;
}

body.webrox-guard-stran .varuh-monitor-activity-list > div + div {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-monitor-activity-list > div > i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	color: #087d56;
	border-radius: 7px;
	background: #e8f7f1;
}

body.webrox-guard-stran .varuh-monitor-activity-list > div.is-warn > i {
	color: #9b6500;
	background: #fff4d9;
}

body.webrox-guard-stran .varuh-monitor-activity-list > div.is-info > i {
	color: var(--wg-blue);
	background: #eaf3ff;
}

body.webrox-guard-stran .varuh-monitor-activity-list span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-monitor-activity-list strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-monitor-activity-list small,
body.webrox-guard-stran .varuh-monitor-activity-list time {
	color: var(--wg-muted);
	font-size: .7rem;
}

@keyframes varuh-live-edge {
	0%, 100% { opacity: .28; }
	50% { opacity: .9; }
}

@keyframes varuh-live-pulse {
	0%, 100% { opacity: .72; box-shadow: 0 0 0 0 rgba(45, 135, 255, 0); }
	50% { opacity: 1; box-shadow: 0 0 0 4px rgba(45, 135, 255, .12); }
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-live-guard-head {
		grid-template-columns: 54px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-live-guard-metrics {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-live-guard-stages,
	body.webrox-guard-stran .varuh-monitor-area-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-live-guard,
	body.webrox-guard-stran .varuh-monitor-areas,
	body.webrox-guard-stran .varuh-monitor-activity {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-live-guard-head {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: .75rem;
	}

	body.webrox-guard-stran .varuh-live-guard-icon {
		width: 46px;
		height: 46px;
	}

	body.webrox-guard-stran .varuh-live-guard h2 {
		font-size: 1.12rem;
	}

	body.webrox-guard-stran .varuh-live-guard-stages,
	body.webrox-guard-stran .varuh-monitor-area-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-live-guard-foot {
		align-items: flex-start;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-monitor-area-grid button {
		grid-template-columns: 36px minmax(0, 1fr);
		min-height: 72px;
		padding: .65rem;
	}

	body.webrox-guard-stran .varuh-monitor-area-grid button > i {
		width: 36px;
		height: 36px;
	}

	body.webrox-guard-stran .varuh-monitor-activity-list > div {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-monitor-activity-list time {
		grid-column: 2;
	}
}

@media (max-width: 479.98px) {
	body.webrox-guard-stran .varuh-live-guard-metrics {
		gap: .4rem;
	}

	body.webrox-guard-stran .varuh-live-guard-metrics > span,
	body.webrox-guard-stran .varuh-live-guard-metrics > a {
		min-height: 58px;
		padding: .6rem;
	}

	body.webrox-guard-stran .varuh-live-guard-metrics small {
		font-size: .58rem;
	}

	body.webrox-guard-stran .varuh-live-guard-metrics strong {
		font-size: .8rem;
	}

	body.webrox-guard-stran .varuh-live-guard-stages > div,
	body.webrox-guard-stran .varuh-live-guard-stages > a {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: .5rem;
		min-height: 60px;
		padding: .55rem;
	}

	body.webrox-guard-stran .varuh-live-guard-stages > div > i,
	body.webrox-guard-stran .varuh-live-guard-stages > a > i {
		width: 34px;
		height: 34px;
	}

	body.webrox-guard-stran .varuh-monitor-area-grid strong {
		font-size: .7rem;
	}

	body.webrox-guard-stran .varuh-monitor-area-grid small {
		font-size: .58rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-live-guard-rail > span,
	body.webrox-guard-stran .varuh-live-guard-stages > div,
	body.webrox-guard-stran .varuh-live-guard-stages > a,
	body.webrox-guard-stran .varuh-monitor-area-grid button {
		transition: none;
	}

	body.webrox-guard-stran .varuh-live-guard.is-running .varuh-live-guard-rail > span::after {
		animation: none;
	}

	body.webrox-guard-stran .varuh-live-guard-kicker > i,
	body.webrox-guard-stran .varuh-live-guard-icon > span {
		animation: none !important;
	}
}

/* Security center v2: one operational hub for protection, findings and coverage. */
body.webrox-guard-stran .varuh-security-center {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-center :where(h2, h3, h4, p) {
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-security-center :where(h2, h3, h4) {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-security-site-switcher {
	margin: 0;
}

body.webrox-guard-stran .varuh-security-command,
body.webrox-guard-stran .varuh-security-protection,
body.webrox-guard-stran .varuh-security-findings,
body.webrox-guard-stran .varuh-security-coverage-v2,
body.webrox-guard-stran .varuh-security-change-watch {
	border-radius: var(--wg-radius);
}

body.webrox-guard-stran .varuh-security-command {
	border: 1px solid var(--wg-border);
	box-shadow: var(--wg-shadow-xs);
}

body.webrox-guard-stran .varuh-security-protection,
body.webrox-guard-stran .varuh-security-findings,
body.webrox-guard-stran .varuh-security-coverage-v2,
body.webrox-guard-stran .varuh-security-change-watch {
	border: 0;
	box-shadow: none;
}

body.webrox-guard-stran .varuh-security-command {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
	gap: 1.5rem 2rem;
	padding: 1.5rem;
	overflow: hidden;
	color: #dce8f8;
	border-color: #263a55;
	background: var(--wg-navy-900);
}

body.webrox-guard-stran .varuh-security-command-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-kicker {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: .72rem;
	font-weight: 800;
	text-transform: uppercase;
	color: #8fbdff;
}

body.webrox-guard-stran .varuh-security-kicker i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid #375271;
	border-radius: var(--wg-radius-sm);
	background: #14243a;
}

body.webrox-guard-stran .varuh-security-command h2 {
	margin: .65rem 0 .35rem;
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.05;
	color: #fff;
}

body.webrox-guard-stran .varuh-security-command-copy > strong {
	display: block;
	font-size: 1rem;
	color: #f2f7ff;
}

body.webrox-guard-stran .varuh-security-command-copy > p {
	max-width: 760px;
	margin: .55rem 0 0;
	color: #aebdd1;
}

body.webrox-guard-stran .varuh-security-command-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .65rem;
	margin-top: 1.15rem;
}

body.webrox-guard-stran .varuh-security-command-actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 44px;
	padding: .7rem 1rem;
}

body.webrox-guard-stran .varuh-security-command-actions form {
	margin: 0;
}

body.webrox-guard-stran .varuh-security-command .button-outline.is-on-dark {
	border-color: #46617f !important;
	color: #dce8f8 !important;
	background: transparent !important;
}

body.webrox-guard-stran .varuh-security-command .button-outline.is-on-dark:hover {
	border-color: #6ca9ff !important;
	color: #fff !important;
	background: #14243a !important;
}

body.webrox-guard-stran .varuh-security-command .varuh-context-help {
	border-color: #46617f !important;
	color: #9fc7ff !important;
	background: #14243a !important;
}

body.webrox-guard-stran .varuh-security-center .varuh-context-help {
	flex: 0 0 44px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	padding: 0;
}

body.webrox-guard-stran .varuh-security-command-score {
	--security-tone: #f4ad2f;
	display: grid;
	grid-template-columns: 154px minmax(0, 1fr);
	align-items: center;
	gap: 1.25rem;
	min-width: 0;
	padding-left: 1.5rem;
	border-left: 1px solid #2d415c;
}

body.webrox-guard-stran .varuh-security-command-score.is-good {
	--security-tone: #2fc38a;
}

body.webrox-guard-stran .varuh-security-command-score.is-bad {
	--security-tone: #f05f6d;
}

body.webrox-guard-stran .varuh-security-command-score.is-muted {
	--security-tone: #71839a;
}

body.webrox-guard-stran .varuh-security-score-ring {
	position: relative;
	display: grid;
	place-items: center;
	width: 148px;
	height: 148px;
	border-radius: 50%;
	background: conic-gradient(var(--security-tone) calc(var(--security-score) * 1%), #2a3b52 0);
}

body.webrox-guard-stran .varuh-security-score-ring::after {
	position: absolute;
	inset: 12px;
	content: "";
	border: 1px solid #344a67;
	border-radius: 50%;
	background: var(--wg-navy-900);
}

body.webrox-guard-stran .varuh-security-score-ring > span {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
}

body.webrox-guard-stran .varuh-security-score-ring strong {
	font-size: 2.35rem;
	line-height: 1;
	color: #fff;
}

body.webrox-guard-stran .varuh-security-score-ring small {
	margin-top: .25rem;
	font-size: .75rem;
	color: #93a8c2;
}

body.webrox-guard-stran .varuh-security-command-score > div:last-child {
	display: grid;
	gap: .8rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-state {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	width: fit-content;
	padding: .5rem .65rem;
	border: 1px solid color-mix(in srgb, var(--security-tone) 45%, #263a55);
	border-radius: var(--wg-radius-sm);
	font-size: .74rem;
	font-weight: 800;
	color: var(--security-tone);
	background: #14243a;
}

body.webrox-guard-stran .varuh-security-command-score > div:last-child > small {
	line-height: 1.5;
	color: #8ea1ba;
}

body.webrox-guard-stran .varuh-security-command-score > div:last-child > small strong {
	color: #dce8f8;
}

body.webrox-guard-stran .varuh-security-command-facts {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #2d415c;
	border-bottom: 1px solid #2d415c;
}

body.webrox-guard-stran .varuh-security-command-facts > span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	gap: 0 .65rem;
	min-height: 72px;
	padding: .75rem 1rem;
}

body.webrox-guard-stran .varuh-security-command-facts > span + span {
	border-left: 1px solid #2d415c;
}

body.webrox-guard-stran .varuh-security-command-facts i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-radius-sm);
	color: #73adff;
	background: #14243a;
}

body.webrox-guard-stran .varuh-security-command-facts small {
	font-size: .65rem;
	font-weight: 750;
	text-transform: uppercase;
	color: #8093ad;
}

body.webrox-guard-stran .varuh-security-command-facts strong {
	font-size: .88rem;
	color: #eef5ff;
}

body.webrox-guard-stran .varuh-security-protection,
body.webrox-guard-stran .varuh-security-findings,
body.webrox-guard-stran .varuh-security-coverage-v2,
body.webrox-guard-stran .varuh-security-change-watch {
	padding: 1.25rem;
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-security-protection {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-security-protection-head {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) minmax(170px, auto);
	align-items: center;
	gap: 1.1rem;
}

body.webrox-guard-stran .varuh-security-protection-head h3,
body.webrox-guard-stran .varuh-security-findings h3,
body.webrox-guard-stran .varuh-security-coverage-v2 h3,
body.webrox-guard-stran .varuh-security-change-watch h3 {
	margin: .2rem 0 0;
	font-size: clamp(1.3rem, 2.2vw, 1.75rem);
}

body.webrox-guard-stran .varuh-security-protection-head p,
body.webrox-guard-stran .varuh-security-findings .varuh-account-section-heading p,
body.webrox-guard-stran .varuh-security-coverage-v2 .varuh-account-section-heading p,
body.webrox-guard-stran .varuh-security-change-watch header p {
	max-width: 780px;
	margin: .35rem 0 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-radar {
	--radar-tone: var(--wg-amber);
	position: relative;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border: 0;
	border-radius: var(--wg-control-radius);
	color: var(--radar-tone);
	background: color-mix(in srgb, var(--radar-tone) 9%, #f5f8fc);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--radar-tone) 20%, transparent);
}

body.webrox-guard-stran .varuh-security-radar.is-good {
	--radar-tone: var(--wg-green);
}

body.webrox-guard-stran .varuh-security-radar.is-bad {
	--radar-tone: var(--wg-red);
}

body.webrox-guard-stran .varuh-security-radar.is-muted {
	--radar-tone: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-radar::before,
body.webrox-guard-stran .varuh-security-radar::after {
	content: none;
}

body.webrox-guard-stran .varuh-security-radar > span {
	display: none;
}

body.webrox-guard-stran .varuh-security-radar > i {
	position: relative;
	z-index: 1;
	font-size: 1.35rem;
}

body.webrox-guard-stran .varuh-security-protection-time {
	display: grid;
	justify-items: end;
	align-content: center;
	min-width: 170px;
	padding: .75rem .9rem;
	border-radius: var(--wg-control-radius);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-security-protection-time small {
	font-size: .65rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-protection-time strong {
	margin-top: .15rem;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-security-protection-time span {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	margin-top: .2rem;
	font-size: .72rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-module-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
}

body.webrox-guard-stran .varuh-security-module {
	--module-tone: var(--wg-muted);
	display: grid;
	grid-template-rows: auto auto minmax(3.4em, 1fr) auto;
	gap: .55rem;
	min-width: 0;
	min-height: 190px;
	padding: 1rem;
	border: 0;
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface-muted);
	box-shadow: inset 0 3px 0 var(--module-tone);
}

body.webrox-guard-stran .varuh-security-module.is-good {
	--module-tone: var(--wg-green);
}

body.webrox-guard-stran .varuh-security-module.is-warn {
	--module-tone: var(--wg-amber);
}

body.webrox-guard-stran .varuh-security-module.is-bad {
	--module-tone: var(--wg-red);
}

body.webrox-guard-stran .varuh-security-module.is-primary {
	background: #f4f8ff;
}

body.webrox-guard-stran .varuh-security-module-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-security-module-head > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: var(--wg-radius-sm);
	color: var(--module-tone);
	background: color-mix(in srgb, var(--module-tone) 9%, #fff);
}

body.webrox-guard-stran .varuh-security-module-head > span {
	font-size: .66rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--module-tone);
}

body.webrox-guard-stran .varuh-security-module h4 {
	margin: .15rem 0 0;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-security-module p {
	margin: 0;
	font-size: .78rem;
	line-height: 1.55;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-module footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
	padding-top: .35rem;
	font-size: .72rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-module footer a {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-weight: 750;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-security-findings > .varuh-account-section-heading,
body.webrox-guard-stran .varuh-security-coverage-v2 > .varuh-account-section-heading,
body.webrox-guard-stran .varuh-security-change-watch > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-security-issue-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	margin-top: 1rem;
}

body.webrox-guard-stran .varuh-security-issue-grid > article {
	--issue-tone: var(--wg-amber);
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: .8rem;
	min-width: 0;
	padding: 1rem;
	border: 1px solid #ead7aa;
	border-left: 4px solid var(--issue-tone);
	border-radius: var(--wg-radius-sm);
	background: #fffaf2;
}

body.webrox-guard-stran .varuh-security-issue-grid > article.is-bad {
	--issue-tone: var(--wg-red);
	border-color: #efc7cc;
	background: #fff7f8;
}

body.webrox-guard-stran .varuh-security-issue-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid color-mix(in srgb, var(--issue-tone) 28%, var(--wg-border));
	border-radius: var(--wg-radius-sm);
	color: var(--issue-tone);
	background: #fff;
}

body.webrox-guard-stran .varuh-security-issue-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-issue-copy > span {
	font-size: .64rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--issue-tone);
}

body.webrox-guard-stran .varuh-security-issue-copy h4 {
	margin: .2rem 0 0;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-security-issue-copy p {
	margin: .35rem 0 0;
	font-size: .8rem;
	color: var(--wg-text);
}

body.webrox-guard-stran .varuh-security-issue-copy small {
	display: block;
	margin-top: .55rem;
	font-size: .72rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-issue-grid > article > a {
	grid-column: 2;
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	width: fit-content;
	font-size: .75rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-security-coverage-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	margin-top: 1rem;
}

body.webrox-guard-stran .varuh-security-coverage-grid > section {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: #fff;
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > header {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	padding: .85rem;
	border-bottom: 1px solid var(--wg-border);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > header > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--wg-radius-sm);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-security-coverage-grid h4 {
	margin: 0;
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-security-coverage-grid header span {
	font-size: .68rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div {
	display: grid;
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: start;
	gap: .65rem;
	min-height: 62px;
	padding: .7rem .85rem;
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span + span {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span > i {
	margin-top: .15rem;
	color: var(--wg-green);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span.is-warn > i {
	color: var(--wg-amber);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span.is-bad > i {
	color: var(--wg-red);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span.is-muted > i {
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-coverage-grid > section > div > span > span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-security-coverage-grid small {
	margin-top: .1rem;
	font-size: .72rem;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-security-change-watch > header {
	margin-bottom: 1rem;
}

@keyframes varuh-security-sweep {
	to { transform: rotate(360deg); }
}

@media (max-width: 1500px) {
	body.webrox-guard-stran .varuh-security-command {
		grid-template-columns: minmax(0, 1fr) minmax(285px, .72fr);
	}

	body.webrox-guard-stran .varuh-security-command-score {
		grid-template-columns: 118px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-security-score-ring {
		width: 112px;
		height: 112px;
	}

	body.webrox-guard-stran .varuh-security-score-ring strong {
		font-size: 1.9rem;
	}

	body.webrox-guard-stran .varuh-security-module-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-security-command {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-security-command-score {
		grid-template-columns: 108px minmax(0, 1fr);
		padding: 1rem 0 0;
		border-top: 1px solid #2d415c;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-security-score-ring {
		width: 102px;
		height: 102px;
	}

	body.webrox-guard-stran .varuh-security-protection-head {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-security-protection-time {
		grid-column: 2;
		justify-items: start;
		align-self: stretch;
		padding: .7rem .85rem;
		border: 0;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-security-command,
	body.webrox-guard-stran .varuh-security-protection,
	body.webrox-guard-stran .varuh-security-findings,
	body.webrox-guard-stran .varuh-security-coverage-v2,
	body.webrox-guard-stran .varuh-security-change-watch {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-security-command h2 {
		font-size: 2rem;
	}

	body.webrox-guard-stran .varuh-security-command-facts,
	body.webrox-guard-stran .varuh-security-module-grid,
	body.webrox-guard-stran .varuh-security-issue-grid,
	body.webrox-guard-stran .varuh-security-coverage-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-security-command-facts > span + span {
		border-top: 1px solid #2d415c;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-security-module {
		min-height: 0;
	}

	body.webrox-guard-stran .varuh-security-findings > .varuh-account-section-heading,
	body.webrox-guard-stran .varuh-security-coverage-v2 > .varuh-account-section-heading,
	body.webrox-guard-stran .varuh-security-change-watch > header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
		align-items: start;
	}

	body.webrox-guard-stran .varuh-security-findings > .varuh-account-section-heading .varuh-context-help,
	body.webrox-guard-stran .varuh-security-coverage-v2 > .varuh-account-section-heading .varuh-context-help,
	body.webrox-guard-stran .varuh-security-change-watch > header .varuh-context-help {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
	}
}

@media (max-width: 520px) {
	body.webrox-guard-stran .varuh-security-command-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
	}

	body.webrox-guard-stran .varuh-security-command-actions form,
	body.webrox-guard-stran .varuh-security-command-actions > .button:first-child {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-security-command-actions form,
	body.webrox-guard-stran .varuh-security-command-actions form .button,
	body.webrox-guard-stran .varuh-security-command-actions > .button:first-child,
	body.webrox-guard-stran .varuh-security-command-actions > .button.button-outline {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-security-command-actions .varuh-context-help {
		grid-column: 2;
		width: 44px;
	}

	body.webrox-guard-stran .varuh-security-command-facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-security-command-facts > span {
		grid-template-columns: 1fr;
		grid-template-rows: 32px auto auto;
		justify-items: center;
		gap: .2rem;
		min-height: 104px;
		padding: .65rem .3rem;
		text-align: center;
	}

	body.webrox-guard-stran .varuh-security-command-facts > span + span {
		border-top: 0;
		border-left: 1px solid #2d415c;
	}

	body.webrox-guard-stran .varuh-security-command-facts i {
		grid-row: auto;
		width: 32px;
		height: 32px;
	}

	body.webrox-guard-stran .varuh-security-command-facts small {
		min-height: 2.5em;
		line-height: 1.25;
	}

	body.webrox-guard-stran .varuh-security-command-facts strong {
		font-size: .78rem;
	}

	body.webrox-guard-stran .varuh-security-command-score {
		grid-template-columns: 88px minmax(0, 1fr);
		gap: .8rem;
	}

	body.webrox-guard-stran .varuh-security-score-ring {
		width: 82px;
		height: 82px;
	}

	body.webrox-guard-stran .varuh-security-score-ring::after {
		inset: 8px;
	}

	body.webrox-guard-stran .varuh-security-score-ring strong {
		font-size: 1.5rem;
	}

	body.webrox-guard-stran .varuh-security-protection-head {
		grid-template-columns: 58px minmax(0, 1fr);
		align-items: start;
	}

	body.webrox-guard-stran .varuh-security-protection-time {
		grid-column: 1 / -1;
		padding: .7rem .8rem;
		border: 1px solid var(--wg-border);
		border-radius: var(--wg-radius-sm);
		background: var(--wg-surface-muted);
	}

	body.webrox-guard-stran .varuh-security-radar {
		width: 54px;
		height: 54px;
	}

	body.webrox-guard-stran .varuh-security-radar::before {
		inset: 7px;
	}

	body.webrox-guard-stran .varuh-security-radar::after {
		inset: 16px;
	}

	body.webrox-guard-stran .varuh-security-issue-grid > article {
		grid-template-columns: 40px minmax(0, 1fr);
		padding: .85rem;
	}

	body.webrox-guard-stran .varuh-security-issue-icon {
		width: 38px;
		height: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-security-radar > span {
		animation: none;
	}
}

/* Dashboard overview v3: command, health, live monitoring and mascot in one surface. */
body.webrox-guard-stran.webrox-guard-account-app .varuh-overview-command {
	display: block;
	min-height: 0;
	padding: 0;
	isolation: isolate;
}

body.webrox-guard-stran .varuh-overview-main {
	position: relative;
	display: grid;
	grid-template-columns: minmax(420px, 1.15fr) minmax(300px, .78fr) 300px;
	align-items: center;
	gap: 1.25rem;
	min-height: 310px;
	padding: 2rem 1.25rem 1.5rem 2.25rem;
}

body.webrox-guard-stran .varuh-overview-main.is-compact {
	grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
	min-height: 250px;
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-overview-main.is-compact {
		grid-template-columns: minmax(0, 1fr) 170px;
		min-height: 0;
	}
}

@media (max-width: 600px) {
	body.webrox-guard-stran .varuh-overview-main.is-compact {
		grid-template-columns: minmax(0, 1fr) 125px;
	}
}

body.webrox-guard-stran .varuh-overview-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-overview-eyebrow {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .55rem 1rem;
}

body.webrox-guard-stran .varuh-overview-context {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-size: .73rem;
	font-weight: 750;
	color: #aebdd1;
}

body.webrox-guard-stran .varuh-overview-context i {
	color: #68a8ff;
}

body.webrox-guard-stran .varuh-overview-context em {
	margin-left: .2rem;
	padding-left: .65rem;
	border-left: 1px solid #38506e;
	font-style: normal;
	color: #68a8ff;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-overview-command h2 {
	max-width: 760px;
	margin: .7rem 0 .7rem;
	font-size: clamp(2.2rem, 3.15vw, 3.45rem);
	line-height: 1.03;
}

body.webrox-guard-stran .varuh-overview-copy > p {
	max-width: 680px;
	font-size: .98rem;
	line-height: 1.65;
}

body.webrox-guard-stran .varuh-overview-command .varuh-simple-command-actions {
	align-items: center;
	margin-top: 1.2rem;
}

body.webrox-guard-stran .varuh-overview-command .varuh-context-help {
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	min-width: 48px;
	padding: 0;
	border-color: #405d7e !important;
	color: #a8cfff !important;
	background: #11233a !important;
}

body.webrox-guard-stran .varuh-overview-health {
	--overview-tone: #6faeff;
	display: grid;
	grid-template-columns: 122px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	min-width: 0;
	min-height: 172px;
	padding: 1rem 0 1rem 1.25rem;
	border-left: 1px solid #2c425f;
}

body.webrox-guard-stran .varuh-overview-health.is-attention {
	--overview-tone: #f4ad2f;
}

body.webrox-guard-stran .varuh-overview-health.is-good {
	--overview-tone: #2fc38a;
}

body.webrox-guard-stran .varuh-overview-health.is-setup {
	--overview-tone: #8496ad;
}

body.webrox-guard-stran .varuh-overview-score-ring {
	position: relative;
	display: grid;
	grid-template-rows: auto auto;
	place-items: center;
	align-content: center;
	gap: .12rem;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	background: conic-gradient(var(--overview-tone) calc(var(--overview-score) * 1%), #2a3b52 0);
}

body.webrox-guard-stran .varuh-overview-score-ring::after {
	position: absolute;
	inset: 10px;
	content: "";
	border: 1px solid #344a67;
	border-radius: 50%;
	background: #0a1526;
}

body.webrox-guard-stran .varuh-overview-score-ring strong,
body.webrox-guard-stran .varuh-overview-score-ring small {
	position: relative;
	z-index: 1;
}

body.webrox-guard-stran .varuh-overview-score-ring strong {
	font-size: 2.25rem;
	font-weight: 850;
	font-variant-numeric: tabular-nums;
	line-height: .92;
	letter-spacing: 0;
	color: #fff;
}

body.webrox-guard-stran .varuh-overview-score-ring small {
	font-size: .7rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	color: #94a9c3;
}

body.webrox-guard-stran .varuh-overview-health-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-overview-health-copy > span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .78rem;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--overview-tone);
}

body.webrox-guard-stran .varuh-overview-health-copy p {
	margin: .55rem 0;
	font-size: .8rem;
	line-height: 1.5;
	color: #b5c3d5;
}

body.webrox-guard-stran .varuh-overview-health-copy small {
	display: grid;
	gap: .1rem;
	font-size: .68rem;
	color: #8498b2;
}

body.webrox-guard-stran .varuh-overview-health-copy small strong {
	font-size: .75rem;
	color: #dce8f8;
}

body.webrox-guard-stran .varuh-overview-mascot {
	position: relative;
	align-self: stretch;
	min-width: 0;
	min-height: 260px;
	pointer-events: none;
}

body.webrox-guard-stran .varuh-overview-mascot img {
	position: absolute;
	right: -1.25rem;
	bottom: -1.5rem;
	width: 372px;
	max-width: none;
	height: 338px;
	object-fit: contain;
	object-position: right bottom;
	filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .2));
	animation: varuh-overview-mascot-idle 8s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-overview-live {
	--live-tone: #31c68c;
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(270px, 1.05fr) minmax(340px, 1.3fr) minmax(180px, .62fr) minmax(135px, .44fr) minmax(120px, .4fr);
	grid-template-areas:
		"state cycle deep signals issues"
		"stages stages stages stages link";
	align-items: stretch;
	min-width: 0;
	border-top: 1px solid #2a4464;
	background: #0d1c30;
}

body.webrox-guard-stran .varuh-overview-live.is-attention {
	--live-tone: #f4ad2f;
}

body.webrox-guard-stran .varuh-overview-live.is-running {
	--live-tone: #53a3ff;
}

body.webrox-guard-stran .varuh-overview-live:is(.is-paused, .is-setup) {
	--live-tone: #8496ad;
}

body.webrox-guard-stran .varuh-overview-live.is-failed {
	--live-tone: #f05f6d;
}

body.webrox-guard-stran .varuh-overview-live > * {
	min-width: 0;
	padding: .85rem 1rem;
}

body.webrox-guard-stran .varuh-overview-live > * + * {
	border-left: 1px solid #2a405c;
}

body.webrox-guard-stran .varuh-overview-live-state {
	grid-area: state;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
}

body.webrox-guard-stran .varuh-overview-live-state > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid color-mix(in srgb, var(--live-tone) 45%, #29415f);
	border-radius: var(--wg-control-radius);
	color: var(--live-tone);
	background: #132740;
}

body.webrox-guard-stran .varuh-overview-live-state > span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-overview-live-state small {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .63rem;
	font-weight: 850;
	text-transform: uppercase;
	color: #d8e7fa;
}

body.webrox-guard-stran .varuh-overview-live-state small b {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--live-tone);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--live-tone) 14%, transparent);
}

body.webrox-guard-stran .varuh-overview-live-state small em {
	font-style: normal;
	color: var(--live-tone);
}

body.webrox-guard-stran .varuh-overview-live-state strong {
	margin-top: .2rem;
	overflow: hidden;
	font-size: .76rem;
	line-height: 1.35;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-overview-live-state p {
	margin: .1rem 0 0;
	overflow: hidden;
	font-size: .64rem;
	line-height: 1.35;
	color: #8fa3bc;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-overview-live-cycle {
	grid-area: cycle;
	display: grid;
	align-content: center;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-overview-live-cycle > div:first-child {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: .75rem;
}

body.webrox-guard-stran .varuh-overview-live-cycle small,
body.webrox-guard-stran .varuh-overview-live-metric small {
	font-size: .64rem;
	line-height: 1.3;
	color: #8fa3bc;
}

body.webrox-guard-stran .varuh-overview-live-cycle strong,
body.webrox-guard-stran .varuh-overview-live-metric strong {
	font-size: 1rem;
	line-height: 1;
	color: #fff;
}

body.webrox-guard-stran .varuh-overview-live-cycle em {
	font-size: .72rem;
	font-style: normal;
	color: #b8c8db;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-overview-live-rail {
	height: 7px;
	overflow: hidden;
	border-radius: 2px;
	background: #243a55;
}

body.webrox-guard-stran .varuh-overview-live-rail span {
	display: block;
	width: var(--scan-progress);
	height: 100%;
	background: var(--live-tone);
	transition: width .5s ease;
}

body.webrox-guard-stran .varuh-overview-live.is-running .varuh-overview-live-rail span {
	min-width: 8%;
	background: linear-gradient(90deg, #358dff, #78b7ff, #358dff);
	background-size: 180% 100%;
	animation: varuh-overview-live-flow 1.8s linear infinite;
}

body.webrox-guard-stran .varuh-overview-live-metric {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: .35rem;
}

body.webrox-guard-stran a.varuh-overview-live-metric {
	position: relative;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.webrox-guard-stran a.varuh-overview-live-metric > i {
	position: absolute;
	right: .7rem;
	bottom: .7rem;
	color: #57a4ff;
	font-size: .68rem;
}

body.webrox-guard-stran a.varuh-overview-live-metric:hover,
body.webrox-guard-stran a.varuh-overview-live-metric:focus-visible {
	background: rgba(45, 135, 255, .08);
}

body.webrox-guard-stran .varuh-overview-live-metric.is-deep {
	grid-area: deep;
}

body.webrox-guard-stran .varuh-overview-live-metric:not(.is-deep):not(.is-issues) {
	grid-area: signals;
}

body.webrox-guard-stran .varuh-overview-live-metric.is-deep strong,
body.webrox-guard-stran .varuh-overview-live-metric.is-deep em {
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-overview-live-metric.is-deep em {
	font-size: .72rem;
	font-style: normal;
	color: #b8c8db;
}

body.webrox-guard-stran .varuh-overview-live-metric.is-issues strong {
	color: var(--live-tone);
}

body.webrox-guard-stran .varuh-overview-live-metric.is-issues {
	grid-area: issues;
}

body.webrox-guard-stran .varuh-overview-live-stages {
	grid-area: stages;
	display: grid;
	grid-template-columns: repeat(5, minmax(118px, 1fr));
	align-items: center;
	gap: .35rem;
	border-top: 1px solid #2a405c;
	border-left: 0 !important;
}

body.webrox-guard-stran .varuh-overview-live-stages > div,
body.webrox-guard-stran .varuh-overview-live-stages > a {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: .4rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-overview-live-stages > a {
	padding: .3rem;
	border-radius: var(--wg-compact-radius);
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

body.webrox-guard-stran .varuh-overview-live-stages > a:hover,
body.webrox-guard-stran .varuh-overview-live-stages > a:focus-visible {
	background: rgba(45, 135, 255, .1);
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-overview-live-stages > div > i,
body.webrox-guard-stran .varuh-overview-live-stages > a > i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid #304965;
	border-radius: var(--wg-compact-radius);
	color: #7d91aa;
	background: #132740;
}

body.webrox-guard-stran .varuh-overview-live-stages > div.is-complete > i {
	color: #47d59f;
}

body.webrox-guard-stran .varuh-overview-live-stages > div.has-issues > i,
body.webrox-guard-stran .varuh-overview-live-stages > a.has-issues > i {
	color: #f4ad2f;
}

body.webrox-guard-stran .varuh-overview-live-stages > div > span,
body.webrox-guard-stran .varuh-overview-live-stages > a > span {
	display: grid;
	min-width: 0;
}

body.webrox-guard-stran .varuh-overview-live-stages strong {
	overflow: hidden;
	font-size: .66rem;
	color: #d8e7fa;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-overview-live-stages small {
	margin-top: .1rem;
	font-size: .59rem;
	color: #8498b2;
}

body.webrox-guard-stran .varuh-overview-live-link {
	grid-area: link;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	font-size: .72rem;
	font-weight: 800;
	color: #57a3ff;
	text-decoration: none;
	white-space: nowrap;
	border-top: 1px solid #2a405c;
}

body.webrox-guard-stran .varuh-overview-live-link:hover,
body.webrox-guard-stran .varuh-overview-live-link:focus-visible {
	color: #fff;
	background: #142944;
}

body.webrox-guard-stran .varuh-overview-live.is-setup {
	grid-template-columns: minmax(0, 1fr) auto;
}

@keyframes varuh-overview-mascot-idle {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}

@keyframes varuh-overview-live-flow {
	to { background-position: -180% 0; }
}

@media (max-width: 1500px) {
	body.webrox-guard-stran .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 270px;
		align-items: start;
		min-height: 360px;
		padding: 1.75rem 1.25rem 1.35rem 1.75rem;
	}

	body.webrox-guard-stran .varuh-overview-copy {
		grid-column: 1;
	}

	body.webrox-guard-stran .varuh-overview-health {
		grid-column: 1;
		min-height: 120px;
		padding: .85rem 0 0;
		border-top: 1px solid #2c425f;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-overview-mascot {
		grid-column: 2;
		grid-row: 1 / 3;
		min-height: 330px;
	}

	body.webrox-guard-stran .varuh-overview-mascot img {
		width: 330px;
		height: 320px;
	}

	body.webrox-guard-stran .varuh-overview-live {
		grid-template-columns: minmax(220px, 1fr) minmax(270px, 1.18fr) minmax(155px, .64fr) minmax(110px, .42fr);
		grid-template-areas:
			"state cycle deep issues"
			"stages stages signals link";
	}

}

@media (max-width: 1050px) {
	body.webrox-guard-stran .varuh-overview-live {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"state state"
			"cycle cycle"
			"deep signals"
			"issues link"
			"stages stages";
	}

	body.webrox-guard-stran .varuh-overview-live > * + * {
		border-top: 1px solid #2a405c;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-overview-live-metric + .varuh-overview-live-metric {
		border-left: 1px solid #2a405c;
	}

	body.webrox-guard-stran .varuh-overview-live-stages {
		grid-template-columns: repeat(5, minmax(92px, 1fr));
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 170px;
		min-height: 0;
	}

	body.webrox-guard-stran .varuh-overview-copy {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-overview-health {
		grid-column: 1 / -1;
		grid-row: 2;
		padding-right: 175px;
	}

	body.webrox-guard-stran .varuh-overview-mascot {
		grid-column: 2;
		grid-row: 2;
		min-height: 160px;
		z-index: 2;
	}

	body.webrox-guard-stran .varuh-overview-mascot img {
		right: -1.25rem;
		bottom: -1.35rem;
		width: 205px;
		height: 194px;
	}
}

@media (max-width: 600px) {
	body.webrox-guard-stran .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 125px;
		gap: .9rem;
		padding: 1.25rem 1rem 1rem 1.25rem;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-overview-command h2 {
		font-size: clamp(1.85rem, 9vw, 2.35rem);
	}

	body.webrox-guard-stran .varuh-overview-context {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-overview-command .varuh-simple-command-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 48px;
	}

	body.webrox-guard-stran .varuh-overview-command .varuh-simple-command-actions .button:first-child {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-overview-command .varuh-simple-command-actions .button-outline {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-overview-health {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: .7rem;
		min-height: 120px;
		padding-right: 125px;
	}

	body.webrox-guard-stran .varuh-overview-score-ring {
		width: 80px;
		height: 80px;
	}

	body.webrox-guard-stran .varuh-overview-score-ring::after {
		inset: 7px;
	}

	body.webrox-guard-stran .varuh-overview-score-ring strong {
		font-size: 1.55rem;
	}

	body.webrox-guard-stran .varuh-overview-score-ring small {
		font-size: .58rem;
	}

	body.webrox-guard-stran .varuh-overview-health-copy p {
		display: none;
	}

	body.webrox-guard-stran .varuh-overview-mascot {
		min-height: 125px;
	}

	body.webrox-guard-stran .varuh-overview-mascot img {
		width: 158px;
		height: 150px;
	}

	body.webrox-guard-stran .varuh-overview-live-state strong,
	body.webrox-guard-stran .varuh-overview-live-state p {
		white-space: normal;
	}

	body.webrox-guard-stran .varuh-overview-live-stages {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.webrox-guard-stran .varuh-overview-live.is-setup {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "state link";
}

body.webrox-guard-stran .varuh-overview-live.is-setup .varuh-overview-live-link {
	border-top: 0;
}

/* Package upgrades and protected domain transfers. */
body.webrox-guard-stran .varuh-package-domain-center {
	display: grid;
	gap: 1rem;
	margin-top: var(--wg-section-gap, 1rem);
	padding: clamp(1.1rem, 2vw, 1.5rem);
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-package-domain-center > .varuh-account-section-heading {
	margin: 0;
}

body.webrox-guard-stran .varuh-package-domain-center > .varuh-account-section-heading p {
	max-width: 760px;
	margin: .35rem 0 0;
	color: var(--wg-muted);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-package-domain-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .85rem;
}

body.webrox-guard-stran .varuh-package-manage-card,
body.webrox-guard-stran .varuh-domain-manage-card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-control-radius);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-package-manage-card > header,
body.webrox-guard-stran .varuh-domain-manage-card > header {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-package-manage-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid #cfe0f5;
	border-radius: 6px;
	color: var(--wg-blue);
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-package-manage-card header div,
body.webrox-guard-stran .varuh-domain-manage-card header div {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-package-manage-card header small,
body.webrox-guard-stran .varuh-domain-manage-card header small {
	color: var(--wg-muted);
	font-size: .63rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-package-manage-card header h3,
body.webrox-guard-stran .varuh-domain-manage-card header h3 {
	margin: 0;
	overflow-wrap: anywhere;
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-package-manage-card header em,
body.webrox-guard-stran .varuh-domain-manage-card header em {
	padding: .3rem .45rem;
	border: 1px solid var(--wg-border);
	border-radius: 5px;
	color: #52657d;
	background: #fff;
	font-size: .62rem;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-package-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .4rem;
}

body.webrox-guard-stran .varuh-package-steps span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .32rem;
	min-height: 34px;
	padding: .35rem .4rem;
	border: 1px solid var(--wg-border);
	border-radius: 5px;
	color: #73839a;
	background: #fff;
	font-size: .64rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-package-steps span.is-done {
	color: #08794f;
	border-color: #bfe5d2;
	background: #effaf5;
}

body.webrox-guard-stran .varuh-package-steps span.is-current {
	color: #0968d7;
	border-color: #b9d8ff;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-package-next {
	display: grid;
	gap: .25rem;
	padding: .85rem;
	border-left: 3px solid var(--wg-blue);
	border-radius: 5px;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-package-next.is-max {
	border-left-color: var(--wg-green);
	background: #effaf5;
}

body.webrox-guard-stran .varuh-package-next > span {
	color: var(--wg-blue);
	font-size: .63rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-package-next strong {
	color: var(--wg-ink);
	font-size: .92rem;
}

body.webrox-guard-stran .varuh-package-next p,
body.webrox-guard-stran .varuh-package-next small,
body.webrox-guard-stran .varuh-package-billing-note,
body.webrox-guard-stran .varuh-domain-safety-note {
	margin: 0;
	color: var(--wg-muted);
	font-size: .7rem;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-package-manage-card > .button {
	width: 100%;
}

body.webrox-guard-stran .varuh-package-billing-note,
body.webrox-guard-stran .varuh-domain-safety-note {
	display: flex;
	align-items: flex-start;
	gap: .45rem;
	padding-top: .2rem;
}

body.webrox-guard-stran .varuh-domain-rules {
	display: grid;
	gap: .48rem;
}

body.webrox-guard-stran .varuh-domain-rules > span {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: start;
	gap: .5rem;
	min-height: 38px;
	padding: .5rem .65rem;
	border: 1px solid var(--wg-border);
	border-radius: 5px;
	color: #52657d;
	background: #fff;
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-domain-rules i {
	color: var(--wg-green);
	text-align: center;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-domain-rule-copy {
	display: block;
	min-width: 0;
	overflow-wrap: normal;
	word-break: normal;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-domain-rule-copy b {
	display: inline;
	margin-right: .18rem;
	color: var(--wg-ink);
	font-weight: 800;
}

body.webrox-guard-stran .varuh-domain-transfer {
	border: 1px solid var(--wg-border);
	border-radius: 6px;
	background: #fff;
}

body.webrox-guard-stran .varuh-domain-transfer summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	padding: .8rem;
	cursor: pointer;
	color: var(--wg-ink);
	font-size: .73rem;
	font-weight: 800;
	list-style: none;
}

body.webrox-guard-stran .varuh-domain-transfer summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-domain-transfer summary span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
}

body.webrox-guard-stran .varuh-domain-transfer[open] summary > i {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-domain-transfer form {
	display: grid;
	gap: .75rem;
	padding: 0 .8rem .8rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-domain-transfer form > label:first-of-type {
	padding-top: .8rem;
}

body.webrox-guard-stran .varuh-domain-transfer label:not(.varuh-domain-transfer-confirm) {
	display: grid;
	gap: .3rem;
	color: var(--wg-ink);
	font-size: .7rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-domain-transfer input[type="text"],
body.webrox-guard-stran .varuh-domain-transfer textarea {
	width: 100%;
	border-color: var(--wg-border);
	border-radius: 5px;
	background: #fff;
	font-size: .77rem;
}

body.webrox-guard-stran .varuh-domain-transfer label small {
	color: var(--wg-muted);
	font-size: .65rem;
	font-weight: 600;
}

body.webrox-guard-stran .varuh-domain-transfer-confirm {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: start;
	gap: .5rem;
	color: #52657d;
	font-size: .67rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-domain-transfer-confirm input {
	margin-top: .1rem;
}

body.webrox-guard-stran .varuh-domain-transfer-state {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	align-items: center;
	gap: .65rem;
	padding: .75rem;
	border: 1px solid #ead7aa;
	border-radius: 6px;
	background: #fff9ee;
}

body.webrox-guard-stran .varuh-domain-transfer-state > i {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	color: #a66a00;
	background: #fff1cf;
}

body.webrox-guard-stran .varuh-domain-transfer-state span {
	display: grid;
	gap: .16rem;
}

body.webrox-guard-stran .varuh-domain-transfer-state strong {
	color: var(--wg-ink);
	font-size: .73rem;
}

body.webrox-guard-stran .varuh-domain-transfer-state small,
body.webrox-guard-stran .varuh-domain-transfer-state em {
	color: var(--wg-muted);
	font-size: .64rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-domain-transfer-state em {
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-site-slot-upgrade {
	display: inline-grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: .45rem;
	margin-top: .55rem;
	padding: .42rem .55rem;
	border: 1px solid #cfe0f5;
	border-radius: 5px;
	color: var(--wg-blue);
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-site-slot-upgrade > i {
	text-align: center;
}

body.webrox-guard-stran .varuh-site-slot-upgrade span {
	display: grid;
	gap: .08rem;
}

body.webrox-guard-stran .varuh-site-slot-upgrade small {
	color: #61758e;
	font-size: .58rem;
	font-weight: 700;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-slot-upgrade strong {
	font-size: .66rem;
}

@media (max-width: 1024px) {
	body.webrox-guard-stran .varuh-package-domain-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	body.webrox-guard-stran .varuh-package-domain-center > .varuh-account-section-heading {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
		align-items: start;
	}

	body.webrox-guard-stran .varuh-package-domain-center > .varuh-account-section-heading .varuh-context-help {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-package-manage-card,
	body.webrox-guard-stran .varuh-domain-manage-card {
		padding: .85rem;
	}

	body.webrox-guard-stran .varuh-package-manage-card > header,
	body.webrox-guard-stran .varuh-domain-manage-card > header {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-package-manage-card header em,
	body.webrox-guard-stran .varuh-domain-manage-card header em {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-package-steps {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-package-steps span {
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-domain-transfer-state {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-domain-transfer-state em {
		grid-column: 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.webrox-guard-stran .varuh-overview-mascot img,
	body.webrox-guard-stran .varuh-overview-live.is-running .varuh-overview-live-rail span {
		animation: none;
	}
}

/* Settings onboarding v2: package selection and guided setup. */
body.webrox-guard-stran.webrox-guard-account-app .varuh-setup-page {
	gap: 1.25rem;
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro {
	grid-template-columns: minmax(0, 1fr) 270px;
	min-height: 258px;
	padding: 1.75rem 1.5rem 1.6rem 2rem;
}

body.webrox-guard-stran .varuh-onboarding-intro-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro h2 {
	max-width: 680px;
	margin: .55rem 0 .65rem;
	font-size: clamp(2rem, 3vw, 3rem);
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro-copy > p {
	max-width: 650px;
	font-size: .96rem;
	line-height: 1.6;
}

body.webrox-guard-stran .varuh-setup-intro-points {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .7rem 1.15rem;
	margin-top: 1.15rem;
}

body.webrox-guard-stran .varuh-setup-intro-points > span {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .72rem;
	font-weight: 750;
	color: #c5d4e7;
}

body.webrox-guard-stran .varuh-setup-intro-points i {
	color: #46d7a1;
}

body.webrox-guard-stran .varuh-onboarding-intro-visual {
	position: relative;
	align-self: stretch;
	min-width: 0;
	min-height: 220px;
	pointer-events: none;
}

body.webrox-guard-stran .varuh-onboarding-intro-visual .varuh-context-help {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	pointer-events: auto;
}

body.webrox-guard-stran .varuh-onboarding-intro-visual > img {
	position: absolute;
	right: -.4rem;
	bottom: -1.7rem;
	width: 272px;
	max-width: none;
	height: 270px;
	object-fit: contain;
	object-position: right bottom;
	filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .2));
	animation: wg-account-mascot 9s ease-in-out infinite;
}

body.webrox-guard-stran .varuh-setup-picker {
	min-width: 0;
	padding: clamp(1.25rem, 2vw, 1.65rem);
	border-radius: var(--wg-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-setup-picker > .varuh-account-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-setup-picker > .varuh-account-section-heading h2 {
	margin: .25rem 0 0;
	font-size: clamp(1.55rem, 2.5vw, 2rem);
}

body.webrox-guard-stran .varuh-setup-picker > .varuh-account-section-heading p {
	max-width: 700px;
	margin: .4rem 0 0;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-setup-picker-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1rem;
	margin-top: 1.25rem;
}

body.webrox-guard-stran .varuh-setup-package-card {
	--package-tone: var(--wg-blue);
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: start;
	gap: 1rem;
	min-width: 0;
	min-height: 230px;
	padding: 1.15rem;
	overflow: hidden;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	color: var(--wg-text);
	background: #f8fafc;
	text-decoration: none;
	box-shadow: inset 0 3px 0 color-mix(in srgb, var(--package-tone) 85%, transparent);
	transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.webrox-guard-stran .varuh-setup-package-card.is-webrox-guard-lite {
	--package-tone: #15986d;
}

body.webrox-guard-stran .varuh-setup-package-card.is-woocommerce-guard {
	--package-tone: #7654a8;
}

body.webrox-guard-stran .varuh-setup-package-card:hover,
body.webrox-guard-stran .varuh-setup-package-card:focus-visible {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--package-tone) 48%, var(--wg-border));
	color: var(--wg-text);
	background: #fff;
	box-shadow: inset 0 3px 0 var(--package-tone), 0 12px 24px rgba(13, 31, 54, .08);
}

body.webrox-guard-stran .varuh-setup-package-icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: var(--wg-control-radius);
	font-size: 1.1rem;
	color: var(--package-tone);
	background: color-mix(in srgb, var(--package-tone) 10%, #fff);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--package-tone) 18%, transparent);
}

body.webrox-guard-stran .varuh-setup-package-copy {
	display: grid;
	grid-template-rows: auto auto auto auto 1fr;
	align-self: stretch;
	min-width: 0;
}

body.webrox-guard-stran .varuh-setup-package-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-setup-package-top small {
	font-size: .72rem;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--package-tone);
}

body.webrox-guard-stran .varuh-setup-package-top em {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .67rem;
	font-style: normal;
	font-weight: 750;
	color: var(--wg-muted);
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-setup-package-top em i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wg-green);
}

body.webrox-guard-stran .varuh-setup-package-card.has-domain .varuh-setup-package-top em i {
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-setup-package-copy > strong {
	margin-top: .45rem;
	overflow-wrap: anywhere;
	font-size: 1.2rem;
	line-height: 1.25;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-setup-package-description {
	margin-top: .45rem;
	font-size: .8rem;
	line-height: 1.55;
	color: var(--wg-muted);
}

body.webrox-guard-stran .varuh-setup-package-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .45rem .9rem;
	margin-top: .75rem;
}

body.webrox-guard-stran .varuh-setup-package-meta > span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .68rem;
	font-weight: 700;
	color: #52657d;
}

body.webrox-guard-stran .varuh-setup-package-meta i {
	color: var(--package-tone);
}

body.webrox-guard-stran .varuh-setup-package-action {
	align-self: end;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: .9rem;
	padding-top: .8rem;
	border-top: 1px solid var(--wg-border);
	font-size: .78rem;
	font-weight: 850;
	color: var(--package-tone);
}

body.webrox-guard-stran .varuh-setup-package-action i {
	transition: transform .18s ease;
}

body.webrox-guard-stran .varuh-setup-package-card:hover .varuh-setup-package-action i,
body.webrox-guard-stran .varuh-setup-package-card:focus-visible .varuh-setup-package-action i {
	transform: translateX(3px);
}

body.webrox-guard-stran .varuh-setup-picker-note {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	margin-top: 1rem;
	padding: .8rem 1rem;
	border-radius: var(--wg-control-radius);
	font-size: .76rem;
	line-height: 1.5;
	color: var(--wg-muted);
	background: var(--wg-surface-muted);
}

body.webrox-guard-stran .varuh-setup-picker-note > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-setup-picker-note strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
	overflow: visible;
	border: 0;
	background: transparent;
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress > div {
	min-height: 88px;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius-sm);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress > div > span {
	border: 0;
	border-radius: var(--wg-control-radius);
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress .is-current {
	border-color: #9fc6f7;
	box-shadow: inset 0 3px 0 var(--wg-blue);
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress .is-complete {
	border-color: #c5e8db;
}

body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-layout {
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .72fr);
	gap: 1rem;
}

body.webrox-guard-stran .varuh-setup-page :where(.varuh-onboarding-main, .varuh-onboarding-help) {
	padding: clamp(1.25rem, 2vw, 1.65rem);
	box-shadow: none;
}

body.webrox-guard-stran .varuh-setup-panel-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-setup-panel-heading h2 {
	margin: .25rem 0 0;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
}

body.webrox-guard-stran .varuh-setup-panel-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: .55rem;
}

body.webrox-guard-stran .varuh-setup-form {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-setup-form > label {
	display: grid;
	gap: .4rem;
}

body.webrox-guard-stran .varuh-setup-form > label > span {
	font-size: .82rem;
	font-weight: 850;
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-setup-form > .button {
	justify-self: start;
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro {
		grid-template-columns: minmax(0, 1fr) 220px;
	}

	body.webrox-guard-stran .varuh-onboarding-intro-visual > img {
		width: 230px;
		height: 230px;
	}

	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro {
		grid-template-columns: 1fr 150px;
		gap: .75rem;
		min-height: 0;
		padding: 1.25rem 1rem 1rem 1.25rem;
	}

	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-intro-copy {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-onboarding-intro-visual {
		grid-column: 2;
		min-height: 145px;
	}

	body.webrox-guard-stran .varuh-onboarding-intro-visual > img {
		right: -1rem;
		bottom: -1.25rem;
		width: 170px;
		height: 165px;
	}

	body.webrox-guard-stran .varuh-onboarding-intro-visual .varuh-context-help {
		right: 0;
		top: -.15rem;
	}

	body.webrox-guard-stran .varuh-setup-picker-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	body.webrox-guard-stran .varuh-setup-intro-points {
		display: grid;
		grid-template-columns: 1fr;
		gap: .5rem;
	}

	body.webrox-guard-stran .varuh-setup-picker {
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-setup-picker > .varuh-account-section-heading {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
	}

	body.webrox-guard-stran .varuh-setup-picker > .varuh-account-section-heading .varuh-context-help {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-setup-package-card {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: .8rem;
		min-height: 0;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-setup-package-icon {
		width: 46px;
		height: 46px;
	}

	body.webrox-guard-stran .varuh-setup-package-top {
		align-items: flex-start;
		flex-direction: column;
		gap: .3rem;
	}

	body.webrox-guard-stran .varuh-setup-package-meta {
		display: grid;
		grid-template-columns: 1fr;
		gap: .35rem;
	}

	body.webrox-guard-stran .varuh-setup-page .varuh-onboarding-progress {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-setup-panel-heading {
		display: grid;
	}

	body.webrox-guard-stran .varuh-setup-panel-tools {
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-setup-form > .button {
		width: 100%;
		justify-content: center;
	}
}

/* Account secondary pages v3: compact monitoring lists and stable setup cards. */
body.webrox-guard-stran .varuh-simple-sites {
	gap: 1rem;
	padding: clamp(1.2rem, 2vw, 1.65rem);
}

body.webrox-guard-stran .varuh-simple-section-heading {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-simple-section-heading > div:first-child > p {
	max-width: 660px;
	margin: .4rem 0 0;
	color: var(--wg-muted);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-simple-sites-heading-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .75rem;
}

body.webrox-guard-stran .varuh-simple-sites-count {
	display: grid;
	justify-items: end;
	gap: .05rem;
	padding-right: .2rem;
}

body.webrox-guard-stran .varuh-simple-sites-count strong {
	color: var(--wg-ink);
	font-size: 1.35rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-simple-sites-count small {
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 700;
}

body.webrox-guard-stran .varuh-simple-site-grid {
	grid-template-columns: 1fr;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-simple-site {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, .34fr) auto;
	grid-template-rows: auto;
	align-items: center;
	gap: 1rem;
	min-height: 0;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-top: 1px solid var(--wg-border);
	border-left: 3px solid var(--wg-green);
	border-radius: var(--wg-control-radius);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-simple-site.is-warn,
body.webrox-guard-stran .varuh-simple-site.is-bad {
	border-top-color: var(--wg-border);
	border-left-color: #d99629;
}

body.webrox-guard-stran .varuh-simple-site-main {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: center;
	gap: .85rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-simple-site-icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid #d9e6f6;
	border-radius: var(--wg-control-radius);
	color: var(--wg-blue);
	background: var(--wg-blue-soft);
}

body.webrox-guard-stran .varuh-simple-site-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-simple-site-copy > small {
	display: block;
	color: var(--wg-blue-dark);
	font-size: .67rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-simple-site-copy h3 {
	margin: .15rem 0 .2rem;
	overflow-wrap: anywhere;
	font-size: 1.12rem;
}

body.webrox-guard-stran .varuh-simple-site-copy p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .78rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-simple-site-state {
	display: grid;
	justify-items: end;
	gap: .28rem;
	min-width: 0;
	padding-left: 1rem;
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-simple-site-state > strong {
	color: var(--wg-ink);
	font-size: 1.15rem;
	line-height: 1.15;
}

body.webrox-guard-stran .varuh-simple-site-state > strong small {
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-simple-site-state > span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: var(--wg-muted);
	font-size: .68rem;
	font-weight: 650;
}

body.webrox-guard-stran .varuh-simple-site-action {
	min-width: 132px;
	min-height: 42px;
	justify-content: center;
}

body.webrox-guard-stran .varuh-simple-utility {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.webrox-guard-stran.woocommerce-account .varuh-sites-page {
	gap: 1rem;
}

body.webrox-guard-stran .varuh-sites-summary {
	align-items: center;
	padding: clamp(1.2rem, 2vw, 1.5rem);
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-sites-summary .varuh-account-heading-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .6rem;
}

body.webrox-guard-stran .varuh-sites-facts {
	gap: .65rem;
}

body.webrox-guard-stran .varuh-sites-facts > span {
	min-height: 62px;
	padding: .75rem .85rem;
	border-radius: var(--wg-control-radius);
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-sites-facts > span > i {
	display: grid;
	place-items: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: var(--wg-control-radius);
	background: #e9f8f2;
}

body.webrox-guard-stran .varuh-sites-facts > span > span {
	display: grid;
	gap: .08rem;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

body.webrox-guard-stran .varuh-sites-facts small {
	color: var(--wg-muted);
	font-size: .67rem;
	font-weight: 600;
}

body.webrox-guard-stran .varuh-site-slots {
	padding: clamp(1.2rem, 2vw, 1.5rem) !important;
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-panel-radius);
	background: var(--wg-surface);
}

body.webrox-guard-stran .varuh-site-slots > .varuh-account-section-heading p {
	margin: .35rem 0 0;
	color: var(--wg-muted);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-site-slot-grid {
	gap: .65rem;
	margin-top: 1rem;
}

body.webrox-guard-stran .varuh-site-slot-card {
	--slot-tone: var(--wg-blue);
	grid-template-columns: 48px minmax(0, 1fr) minmax(150px, .28fr) auto;
	gap: 1rem;
	min-height: 128px;
	padding: 1rem;
	border-left: 3px solid var(--slot-tone);
	border-radius: var(--wg-control-radius);
	background: #f8fafc;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

body.webrox-guard-stran .varuh-site-slot-card:hover {
	border-color: color-mix(in srgb, var(--slot-tone) 42%, var(--wg-border));
	border-left-color: var(--slot-tone);
	background: #fff;
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-site-slot-card.varuh-site-slot-lite {
	--slot-tone: #15986d;
}

body.webrox-guard-stran .varuh-site-slot-card.varuh-site-slot-wordpress {
	--slot-tone: var(--wg-blue);
}

body.webrox-guard-stran .varuh-site-slot-card.varuh-site-slot-commerce {
	--slot-tone: #7654a8;
}

body.webrox-guard-stran .varuh-site-slot-icon {
	width: 48px;
	height: 48px;
	color: var(--slot-tone);
	background: color-mix(in srgb, var(--slot-tone) 10%, #fff);
}

body.webrox-guard-stran .varuh-site-slot-heading > span {
	color: var(--slot-tone);
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-slot-copy h3 {
	margin: .18rem 0 .22rem;
	overflow-wrap: anywhere;
	font-size: 1.14rem;
}

body.webrox-guard-stran .varuh-site-slot-copy p {
	max-width: 680px;
	font-size: .76rem;
	line-height: 1.48;
}

body.webrox-guard-stran .varuh-site-slot-health {
	display: grid;
	justify-items: end;
	gap: .28rem;
	padding-left: 1rem;
	border-left: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-site-slot-health > strong {
	color: var(--wg-ink);
	font-size: 1.2rem;
	line-height: 1.15;
}

body.webrox-guard-stran .varuh-site-slot-health > strong small {
	color: var(--wg-muted);
	font-size: .67rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-site-slot-health > span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: var(--wg-muted);
	font-size: .66rem;
	font-weight: 650;
}

body.webrox-guard-stran .varuh-site-slot-actions {
	min-width: 142px;
}

body.webrox-guard-stran .varuh-setup-package-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	min-height: 250px;
}

body.webrox-guard-stran .varuh-setup-package-header {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) auto;
	align-items: center;
	gap: .85rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-setup-package-identity {
	display: grid;
	gap: .18rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-setup-package-identity small {
	color: var(--package-tone);
	font-size: .7rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-setup-package-identity strong {
	overflow-wrap: anywhere;
	color: var(--wg-ink);
	font-size: 1.15rem;
	line-height: 1.25;
}

body.webrox-guard-stran .varuh-setup-package-status {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .48rem;
	border: 1px solid color-mix(in srgb, var(--package-tone) 20%, var(--wg-border));
	border-radius: var(--wg-compact-radius);
	color: #52657d;
	background: color-mix(in srgb, var(--package-tone) 6%, #fff);
	font-size: .64rem;
	font-style: normal;
	font-weight: 750;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-setup-package-status i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wg-green);
}

body.webrox-guard-stran .varuh-setup-package-card.has-domain .varuh-setup-package-status i {
	background: var(--package-tone);
}

body.webrox-guard-stran .varuh-setup-package-description {
	margin-top: .85rem;
	padding-top: .85rem;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-setup-package-meta {
	margin-top: .7rem;
}

body.webrox-guard-stran .varuh-setup-package-action {
	align-self: stretch;
	margin-top: auto;
	padding-top: .9rem;
}

@media (max-width: 1100px) {
	body.webrox-guard-stran .varuh-simple-utility {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-site-slot-card {
		grid-template-columns: 48px minmax(0, 1fr) auto;
	}

	body.webrox-guard-stran .varuh-site-slot-health {
		grid-column: 2;
		justify-items: start;
		padding: .7rem 0 0;
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-site-slot-actions {
		grid-column: 3;
		grid-row: 1 / span 2;
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-simple-site {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body.webrox-guard-stran .varuh-simple-site-state {
		min-width: 165px;
	}

	body.webrox-guard-stran .varuh-simple-site-action {
		grid-column: 1 / -1;
		justify-self: end;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-sites-summary {
		align-items: stretch;
	}

	body.webrox-guard-stran .varuh-sites-summary .varuh-account-heading-actions {
		justify-content: flex-start;
	}

	body.webrox-guard-stran .varuh-site-slots > .varuh-account-section-heading {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
		align-items: start;
		gap: .75rem;
	}

	body.webrox-guard-stran .varuh-site-slots > .varuh-account-section-heading .varuh-context-help {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-site-slot-card {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: .8rem;
	}

	body.webrox-guard-stran .varuh-site-slot-icon {
		width: 44px;
		height: 44px;
	}

	body.webrox-guard-stran .varuh-site-slot-health,
	body.webrox-guard-stran .varuh-site-slot-actions {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	body.webrox-guard-stran .varuh-site-slot-health {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: .45rem .75rem;
	}

	body.webrox-guard-stran .varuh-site-slot-actions {
		display: flex;
		min-width: 0;
	}

	body.webrox-guard-stran .varuh-site-slot-actions .button {
		flex: 1 1 170px;
	}
}

@media (max-width: 640px) {
	body.webrox-guard-stran .varuh-simple-section-heading {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
	}

	body.webrox-guard-stran .varuh-simple-sites-heading-tools {
		align-items: flex-start;
	}

	body.webrox-guard-stran .varuh-simple-sites-count {
		display: none;
	}

	body.webrox-guard-stran .varuh-simple-site {
		grid-template-columns: 1fr;
		gap: .8rem;
	}

	body.webrox-guard-stran .varuh-simple-site-state {
		justify-items: start;
		min-width: 0;
		padding: .75rem 0 0;
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-simple-site-action {
		grid-column: auto;
		justify-self: stretch;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-simple-utility {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-setup-package-header {
		grid-template-columns: 46px minmax(0, 1fr);
		align-items: center;
		gap: .75rem;
	}

	body.webrox-guard-stran .varuh-setup-package-status {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-setup-package-meta {
		display: grid;
		grid-template-columns: 1fr;
	}
}

/* Site detail v4: one command center and a roomier, readable results workspace. */
body.webrox-guard-stran .varuh-monitoring-app.is-site-detail {
	gap: 1.35rem;
}

body.webrox-guard-stran .varuh-site-overview-command {
	overflow: hidden;
	border: 1px solid #263d59;
	border-radius: 8px;
	background: #0a1729;
}

body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
	grid-template-columns: minmax(440px, 1.1fr) minmax(300px, .72fr) 280px;
	min-height: 300px;
	padding-left: 2rem;
}

body.webrox-guard-stran .varuh-site-overview-back {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 34px;
	padding: .35rem .65rem;
	border: 1px solid #38516f;
	border-radius: 6px;
	color: #dbe8f8;
	background: #11233a;
	font-size: .72rem;
	font-weight: 800;
	text-decoration: none;
	transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

body.webrox-guard-stran .varuh-site-overview-back:hover,
body.webrox-guard-stran .varuh-site-overview-back:focus-visible {
	border-color: #68a8ff;
	color: #fff;
	background: #17304e;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-site-overview-command h2 {
	max-width: 720px;
	font-size: clamp(2.1rem, 3vw, 3.2rem);
}

body.webrox-guard-stran .varuh-site-overview-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
}

body.webrox-guard-stran .varuh-site-overview-actions form {
	display: contents;
	margin: 0;
}

body.webrox-guard-stran .varuh-site-overview-actions .button {
	min-height: 48px;
}

body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-mascot img {
	right: -.65rem;
	bottom: -1.15rem;
	width: 342px;
	height: 320px;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-kpis,
body.webrox-guard-stran .is-site-detail .varuh-woo-simulation,
body.webrox-guard-stran .is-site-detail .varuh-monitor-viewer,
body.webrox-guard-stran .is-site-detail .varuh-monitor-activity,
body.webrox-guard-stran .is-site-detail .varuh-change-watch,
body.webrox-guard-stran .is-site-detail .varuh-monitor-history,
body.webrox-guard-stran .is-site-detail .varuh-site-upgrade {
	margin: 0;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-viewer {
	display: grid;
	gap: 1rem;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch {
	display: inline-grid;
	grid-template-columns: repeat(2, minmax(190px, 1fr));
	justify-self: start;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #eaf0f7;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: center;
	gap: .6rem;
	min-height: 52px;
	padding: .55rem .75rem;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #53657d;
	background: transparent;
	text-align: left;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button > i {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	color: #2b78df;
	background: #dceafd;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button > span {
	display: grid;
	gap: .08rem;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button small {
	color: var(--wg-muted);
	font-size: .69rem;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button:hover,
body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button:focus-visible {
	border-color: #b7cbe2;
	background: #f5f8fc;
}

body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch button.is-active {
	border-color: #b8cbe1;
	color: var(--wg-blue);
	background: #fff;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger {
	overflow: hidden;
	border: 1px solid #c9d6e5;
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-heading {
	align-items: center;
	padding: 1.25rem 1.35rem;
	border-bottom: 1px solid #d7e0eb;
	background: #fff;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-title-line {
	flex-wrap: wrap;
	gap: .55rem 1.2rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-title-line h3 {
	font-size: clamp(1.4rem, 2vw, 1.85rem);
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-health {
	gap: 0;
	padding: 0;
	border-bottom: 1px solid #d7e0eb;
	background: #f5f8fc;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-health > div {
	gap: .65rem;
	padding: 1rem 1.1rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-health header > i,
body.webrox-guard-stran .is-site-detail .varuh-ledger-group > header > i {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	background: #e4effd;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-filters {
	gap: .25rem;
	padding: .65rem .85rem 0;
	border-bottom: 1px solid #d7e0eb;
	background: #fff;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-filters button {
	min-height: 44px;
	padding: .55rem .7rem;
	border-bottom-width: 2px;
	font-size: .73rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-columns,
body.webrox-guard-stran .is-site-detail .varuh-ledger-row {
	grid-template-columns: 46px minmax(280px, 1fr) 118px 150px 144px;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-columns {
	min-height: 46px;
	padding: 0 1.15rem;
	background: #f7f9fc;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-group > header {
	min-height: 48px;
	padding: .55rem 1.15rem;
	background: #edf3f9;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-row {
	min-height: 70px;
	padding: .7rem 1.15rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-row > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #cde8dc;
	border-radius: 6px;
	background: #edf9f4;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-issue .varuh-ledger-row > i {
	border-color: #ecd7a9;
	background: #fff7e8;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-issue.is-bad .varuh-ledger-row > i {
	border-color: #edc5cd;
	background: #fff1f3;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-row > span:nth-child(2) {
	gap: .22rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-row > span:nth-child(2) strong {
	font-size: .86rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-row > span:nth-child(2) small,
body.webrox-guard-stran .is-site-detail .varuh-ledger-row > em,
body.webrox-guard-stran .is-site-detail .varuh-ledger-affected,
body.webrox-guard-stran .is-site-detail .varuh-ledger-row-action {
	font-size: .75rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-issue[open] > summary,
body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution {
	background: #fff9ed;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	padding: 1.2rem 1.2rem 1.35rem 4.85rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution > div {
	min-height: 118px;
	padding: .95rem;
	border: 1px solid #ead9b6;
	border-radius: 7px;
	background: #fff;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution > div > span {
	font-size: .72rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution p,
body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution small,
body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution ol {
	font-size: .76rem;
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution-actions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution-actions > *:only-child {
	grid-column: 1 / -1;
}

@media (max-width: 1500px) {
	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 270px;
		min-height: 360px;
		padding: 1.75rem 1.25rem 1.35rem 1.75rem;
	}
}

@media (max-width: 1380px) {
	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 250px;
	}

	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-mascot img {
		width: 300px;
		height: 290px;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-columns,
	body.webrox-guard-stran .is-site-detail .varuh-ledger-row {
		grid-template-columns: 42px minmax(230px, 1fr) 102px 126px 126px;
	}
}

@media (max-width: 1050px) {
	body.webrox-guard-stran .is-site-detail .varuh-ledger-columns {
		display: none;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-row {
		grid-template-columns: 40px minmax(0, 1fr) auto;
		gap: .55rem .7rem;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-row > em,
	body.webrox-guard-stran .is-site-detail .varuh-ledger-affected {
		grid-column: 2;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-row-action {
		grid-column: 3;
		grid-row: 1 / 3;
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 170px;
		min-height: 0;
	}

	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-mascot img {
		right: -1.25rem;
		bottom: -1.35rem;
		width: 205px;
		height: 194px;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
		padding-left: 1.25rem;
	}

	body.webrox-guard-stran .varuh-site-overview-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-site-overview-actions form,
	body.webrox-guard-stran .varuh-site-overview-actions form .button {
		grid-column: 1 / -1;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-site-overview-actions .varuh-context-help {
		grid-column: auto;
	}

	body.webrox-guard-stran .is-site-detail .varuh-monitor-view-switch {
		grid-template-columns: 1fr;
		justify-self: stretch;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-heading {
		align-items: flex-start;
		padding: 1rem;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-health {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-health > div + div {
		border-top: 1px solid var(--wg-border);
		border-left: 0;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-filters {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-filters button {
		flex: 0 0 auto;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-row {
		grid-template-columns: 38px minmax(0, 1fr);
		padding: .8rem;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-row-action {
		grid-column: 2;
		grid-row: auto;
		justify-content: flex-start;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution {
		grid-template-columns: 1fr;
		padding: .9rem;
	}

	body.webrox-guard-stran .is-site-detail .varuh-ledger-resolution-actions {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-main {
		grid-template-columns: minmax(0, 1fr) 125px;
		gap: .9rem;
		padding: 1.25rem 1rem 1rem 1.25rem;
	}

	body.webrox-guard-stran .varuh-site-overview-command .varuh-overview-mascot img {
		width: 158px;
		height: 150px;
	}

	body.webrox-guard-stran .varuh-site-overview-actions {
		grid-template-columns: minmax(0, 1fr) 48px;
	}

	body.webrox-guard-stran .varuh-site-overview-actions > .button {
		grid-column: 1 / -1;
		width: 100%;
	}

	body.webrox-guard-stran .varuh-site-overview-actions > .varuh-context-help {
		grid-column: 2;
		justify-self: end;
	}
}

/* Incident history: current problems first, verified recoveries second. */
body.webrox-guard-stran .varuh-incident-history-v2 {
	display: grid;
	gap: 1.15rem;
	padding: clamp(1.15rem, 2vw, 1.75rem);
	border: 1px solid var(--wg-border);
	border-radius: var(--wg-radius);
	background: linear-gradient(180deg, #fff 0%, #f7faff 100%);
}

body.webrox-guard-stran .varuh-incident-history-v2 .varuh-account-section-heading {
	margin: 0;
}

body.webrox-guard-stran .varuh-incident-history-v2 .varuh-account-section-heading p {
	max-width: 760px;
	margin: .35rem 0 0;
	color: var(--wg-muted);
	font-size: .84rem;
}

body.webrox-guard-stran .varuh-incident-history-overview {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .7rem;
}

body.webrox-guard-stran .varuh-incident-history-overview > div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: .7rem;
	min-height: 86px;
	padding: .85rem .95rem;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-incident-history-overview > div > i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 7px;
	background: var(--wg-blue-soft);
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-incident-history-overview .is-open > i {
	background: #fff5dc;
	color: #a66a00;
}

body.webrox-guard-stran .varuh-incident-history-overview .is-resolved > i {
	background: #e9f8f2;
	color: #0b9465;
}

body.webrox-guard-stran .varuh-incident-history-overview span {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: .05rem .55rem;
}

body.webrox-guard-stran .varuh-incident-history-overview small {
	grid-column: 1 / -1;
	color: var(--wg-muted);
	font-size: .65rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-incident-history-overview strong {
	color: var(--wg-ink);
	font-size: 1.35rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-incident-history-overview em {
	color: var(--wg-muted);
	font-size: .67rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-incident-history-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: .85rem;
}

body.webrox-guard-stran .varuh-incident-active,
body.webrox-guard-stran .varuh-incident-resolved {
	min-width: 0;
	border: 1px solid var(--wg-border);
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-incident-active {
	padding: 1rem;
}

body.webrox-guard-stran .varuh-incident-active > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .8rem;
}

body.webrox-guard-stran .varuh-incident-active > header span {
	color: var(--wg-blue);
	font-size: .68rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-incident-active > header h4 {
	margin: .2rem 0 0;
	color: var(--wg-ink);
	font-size: 1.02rem;
}

body.webrox-guard-stran .varuh-incident-active > header em {
	padding: .35rem .55rem;
	border-radius: 6px;
	background: #fff5dc;
	color: #8b5c00;
	font-size: .68rem;
	font-style: normal;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-incident-active-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-incident-card {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: .7rem;
	min-width: 0;
	padding: .85rem;
	border: 1px solid #ead7aa;
	border-left: 3px solid #d79200;
	border-radius: 7px;
	background: #fffaf0;
}

body.webrox-guard-stran .varuh-incident-card.is-critical {
	border-color: #efc7c3;
	border-left-color: #d5443d;
	background: #fff7f6;
}

body.webrox-guard-stran .varuh-incident-card-icon {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 6px;
	background: #fff1cc;
	color: #a66a00;
}

body.webrox-guard-stran .varuh-incident-card.is-critical .varuh-incident-card-icon {
	background: #ffe8e5;
	color: #bd342e;
}

body.webrox-guard-stran .varuh-incident-card-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-incident-card-copy > span {
	display: block;
	color: #a66a00;
	font-size: .62rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-incident-card.is-critical .varuh-incident-card-copy > span {
	color: #bd342e;
}

body.webrox-guard-stran .varuh-incident-card h5 {
	margin: .22rem 0 .28rem;
	color: var(--wg-ink);
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-incident-card p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .72rem;
	line-height: 1.48;
}

body.webrox-guard-stran .varuh-incident-card-copy > div {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem .55rem;
	margin-top: .55rem;
}

body.webrox-guard-stran .varuh-incident-card-copy small {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	color: #71829a;
	font-size: .62rem;
}

body.webrox-guard-stran .varuh-incident-card > .button {
	grid-column: 2;
	justify-self: start;
	min-height: 34px;
	margin-top: .05rem;
	padding: .4rem .62rem;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-incident-history-empty {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: 1rem;
	border: 1px solid #bfe8d7;
	border-radius: 7px;
	background: #f1fbf7;
}

body.webrox-guard-stran .varuh-incident-history-empty > i {
	color: #0b9465;
	font-size: 1.2rem;
}

body.webrox-guard-stran .varuh-incident-history-empty span {
	display: grid;
	gap: .12rem;
}

body.webrox-guard-stran .varuh-incident-history-empty strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-incident-history-empty small {
	color: var(--wg-muted);
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-incident-resolved {
	overflow: hidden;
}

body.webrox-guard-stran .varuh-incident-resolved summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .95rem;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-incident-resolved summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-incident-resolved summary > span {
	display: flex;
	align-items: center;
	gap: .6rem;
}

body.webrox-guard-stran .varuh-incident-resolved summary > span > i {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	background: #e9f8f2;
	color: #0b9465;
}

body.webrox-guard-stran .varuh-incident-resolved summary span span {
	display: grid;
	gap: .05rem;
}

body.webrox-guard-stran .varuh-incident-resolved summary strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-incident-resolved summary small {
	color: var(--wg-muted);
	font-size: .65rem;
}

body.webrox-guard-stran .varuh-incident-resolved details[open] summary > .fa-chevron-down {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-incident-resolved details > div {
	display: grid;
	max-height: 660px;
	overflow: auto;
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-incident-resolved details > div > p {
	margin: 0;
	padding: 1rem;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-incident-resolved article {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: start;
	gap: .55rem;
	padding: .78rem .9rem;
}

body.webrox-guard-stran .varuh-incident-resolved article + article {
	border-top: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-incident-resolved article > i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #e9f8f2;
	color: #0b9465;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-incident-resolved article span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-incident-resolved article strong {
	color: var(--wg-ink);
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-incident-resolved article small {
	color: var(--wg-muted);
	font-size: .64rem;
	line-height: 1.42;
}

body.webrox-guard-stran .varuh-incident-resolved article em {
	display: flex;
	align-items: center;
	gap: .35rem;
	margin-top: .18rem;
	color: #71829a;
	font-size: .6rem;
	font-style: normal;
}

body.webrox-guard-stran .varuh-incident-resolved article time {
	padding: .2rem .4rem;
	border-radius: 5px;
	background: #f0f5fb;
	color: #52647b;
	font-size: .6rem;
	font-weight: 800;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	body.webrox-guard-stran .varuh-incident-active-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-incident-resolved details > div {
		max-height: 420px;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-incident-history-overview,
	body.webrox-guard-stran .varuh-incident-active-list {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-incident-history-overview > div {
		min-height: 76px;
	}

	body.webrox-guard-stran .varuh-incident-card {
		grid-template-columns: 34px minmax(0, 1fr);
		padding: .78rem;
	}

	body.webrox-guard-stran .varuh-incident-card-icon {
		width: 34px;
		height: 34px;
	}

	body.webrox-guard-stran .varuh-incident-card-copy > div {
		display: grid;
	}

	body.webrox-guard-stran .varuh-incident-resolved article {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-incident-resolved article time {
		grid-column: 2;
		justify-self: start;
	}
}

/* Package observatories: real Lite and WooCommerce data, not preview metrics. */
body.webrox-guard-stran .varuh-package-observatory {
	--package-accent: #177cf2;
	--package-soft: #eaf3ff;
	display: grid;
	gap: 1.1rem;
	overflow: hidden;
	padding: clamp(1.1rem, 2vw, 1.6rem);
	border: 1px solid #c9d8e8;
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-package-observatory.is-lite {
	--package-accent: #0677e8;
	--package-soft: #eaf4ff;
}

body.webrox-guard-stran .varuh-package-observatory.is-woocommerce {
	--package-accent: #7255d9;
	--package-soft: #f1edff;
	border-top: 3px solid var(--package-accent);
}

body.webrox-guard-stran .varuh-package-observatory-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #dce5ef;
}

body.webrox-guard-stran .varuh-package-observatory-head > div {
	display: grid;
	gap: .32rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-package-observatory-head .varuh-account-section-label {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	width: fit-content;
	color: var(--package-accent);
}

body.webrox-guard-stran .varuh-package-observatory-head h3 {
	margin: 0;
	color: var(--wg-ink);
	font-size: clamp(1.45rem, 2.2vw, 2rem);
	line-height: 1.12;
}

body.webrox-guard-stran .varuh-package-observatory-head p {
	max-width: 820px;
	margin: 0;
	color: var(--wg-muted);
	font-size: .86rem;
	line-height: 1.58;
}

body.webrox-guard-stran .varuh-package-live-state {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 34px;
	padding: .42rem .65rem;
	border: 1px solid #cfdbe8;
	border-radius: 6px;
	color: #52647a;
	background: #f5f8fb;
	font-size: .69rem;
	font-weight: 850;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-package-live-state.is-good {
	border-color: #b9e4d2;
	color: #087a54;
	background: #ecf9f3;
}

body.webrox-guard-stran .varuh-package-live-state.is-warn {
	border-color: #ead59a;
	color: #8a6200;
	background: #fff8e6;
}

body.webrox-guard-stran .varuh-package-live-state.is-bad {
	border-color: #ecc1c9;
	color: #ad2f43;
	background: #fff1f3;
}

body.webrox-guard-stran .varuh-lite-observatory-grid {
	display: grid;
	grid-template-columns: minmax(280px, .72fr) minmax(480px, 1.28fr);
	gap: .8rem 1rem;
}

body.webrox-guard-stran .varuh-lite-health-summary {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	min-height: 164px;
	padding: 1rem;
	border: 1px solid #d2dfec;
	border-radius: 7px;
	background: linear-gradient(145deg, #f7fbff, #edf5fd);
}

body.webrox-guard-stran .varuh-lite-availability-ring {
	position: relative;
	display: grid;
	place-items: center;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background: conic-gradient(#18a97c calc(var(--availability) * 1%), #d9e5f0 0);
}

body.webrox-guard-stran .varuh-lite-availability-ring.is-warn {
	background: conic-gradient(#eda81f calc(var(--availability) * 1%), #e7dfca 0);
}

body.webrox-guard-stran .varuh-lite-availability-ring.is-bad {
	background: conic-gradient(#d94258 calc(var(--availability) * 1%), #ead9dc 0);
}

body.webrox-guard-stran .varuh-lite-availability-ring.is-pending {
	background: #d9e5f0;
}

body.webrox-guard-stran .varuh-lite-availability-ring::before {
	position: absolute;
	inset: 10px;
	border: 1px solid #d5e0eb;
	border-radius: inherit;
	background: #fff;
	content: "";
}

body.webrox-guard-stran .varuh-lite-availability-ring span {
	position: relative;
	z-index: 1;
	display: grid;
	gap: .08rem;
	text-align: center;
}

body.webrox-guard-stran .varuh-lite-availability-ring strong {
	color: var(--wg-ink);
	font-size: 1.42rem;
	line-height: 1;
}

body.webrox-guard-stran .varuh-lite-availability-ring small,
body.webrox-guard-stran .varuh-lite-health-copy span,
body.webrox-guard-stran .varuh-lite-health-copy small {
	color: var(--wg-muted);
	font-size: .67rem;
}

body.webrox-guard-stran .varuh-lite-health-copy {
	display: grid;
	gap: .3rem;
}

body.webrox-guard-stran .varuh-lite-health-copy > span {
	color: var(--package-accent);
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-lite-health-copy > strong {
	color: var(--wg-ink);
	font-size: .98rem;
	line-height: 1.35;
}

body.webrox-guard-stran .varuh-lite-signal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .55rem;
}

body.webrox-guard-stran .varuh-lite-signal-grid > div,
body.webrox-guard-stran .varuh-woo-metrics > div,
body.webrox-guard-stran .varuh-woo-coverage > div {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: .6rem;
	min-width: 0;
	min-height: 66px;
	padding: .65rem .72rem;
	border: 1px solid #d6e1ed;
	border-radius: 7px;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-lite-signal-grid > div > i,
body.webrox-guard-stran .varuh-woo-metrics > div > i,
body.webrox-guard-stran .varuh-woo-coverage > div > i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 6px;
	color: var(--package-accent);
	background: var(--package-soft);
}

body.webrox-guard-stran .varuh-lite-signal-grid span,
body.webrox-guard-stran .varuh-woo-metrics span,
body.webrox-guard-stran .varuh-woo-coverage span {
	display: grid;
	gap: .1rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-lite-signal-grid small,
body.webrox-guard-stran .varuh-woo-metrics small,
body.webrox-guard-stran .varuh-woo-coverage small {
	color: var(--wg-muted);
	font-size: .63rem;
}

body.webrox-guard-stran .varuh-lite-signal-grid strong,
body.webrox-guard-stran .varuh-woo-metrics strong,
body.webrox-guard-stran .varuh-woo-coverage strong {
	overflow-wrap: anywhere;
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-lite-signal-grid .is-warn > i,
body.webrox-guard-stran .varuh-lite-signal-grid .is-bad > i,
body.webrox-guard-stran .varuh-woo-coverage .is-warn > i,
body.webrox-guard-stran .varuh-woo-coverage .is-bad > i,
body.webrox-guard-stran .varuh-woo-metrics .has-warning > i {
	color: #a96e00;
	background: #fff3d8;
}

body.webrox-guard-stran .varuh-lite-signal-grid .is-pending > i,
body.webrox-guard-stran .varuh-woo-coverage .is-pending > i {
	color: #71839a;
	background: #eaf0f6;
}

body.webrox-guard-stran .varuh-lite-url-monitor {
	grid-column: 2;
	grid-row: 1 / span 2;
	overflow: hidden;
	border: 1px solid #cddbe9;
	border-radius: 7px;
	background: #fff;
}

body.webrox-guard-stran .varuh-lite-url-monitor-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	min-height: 48px;
	padding: .7rem .85rem;
	border-bottom: 1px solid #d8e3ee;
	background: #f2f7fc;
}

body.webrox-guard-stran .varuh-lite-url-monitor-head span {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	color: var(--wg-ink);
	font-size: .76rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-lite-url-monitor-head span i {
	color: var(--package-accent);
}

body.webrox-guard-stran .varuh-lite-url-monitor-head small {
	color: var(--wg-muted);
	font-size: .63rem;
}

body.webrox-guard-stran .varuh-lite-url-list {
	display: grid;
}

body.webrox-guard-stran .varuh-lite-url-list > div {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto 72px;
	align-items: center;
	gap: .65rem;
	min-height: 62px;
	padding: .62rem .85rem;
	border-bottom: 1px solid #e1e8f0;
}

body.webrox-guard-stran .varuh-lite-url-list > div:last-child {
	border-bottom: 0;
}

body.webrox-guard-stran .varuh-lite-url-list > div > i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: #0c8c62;
	background: #e6f7f0;
}

body.webrox-guard-stran .varuh-lite-url-list > div.is-warn > i {
	color: #9a6900;
	background: #fff1cf;
}

body.webrox-guard-stran .varuh-lite-url-list > div.is-bad > i {
	color: #bb3349;
	background: #ffeaee;
}

body.webrox-guard-stran .varuh-lite-url-list > div.is-pending > i {
	color: #71839a;
	background: #edf2f7;
}

body.webrox-guard-stran .varuh-lite-url-list > div > span {
	display: grid;
	gap: .08rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-lite-url-list strong {
	overflow: hidden;
	color: var(--wg-ink);
	font-size: .75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-lite-url-list small {
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .61rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-lite-url-list em,
body.webrox-guard-stran .varuh-lite-url-list b {
	font-size: .64rem;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-lite-url-list em {
	color: #0b825c;
}

body.webrox-guard-stran .varuh-lite-url-list .is-warn em,
body.webrox-guard-stran .varuh-lite-url-list .is-bad em {
	color: #9a6800;
}

body.webrox-guard-stran .varuh-lite-url-list b {
	text-align: right;
	color: #52657c;
}

body.webrox-guard-stran .varuh-woo-route {
	display: grid;
	grid-template-columns: repeat(5, minmax(155px, 1fr));
	overflow-x: auto;
	padding: .2rem 0 .45rem;
}

body.webrox-guard-stran .varuh-woo-route > div {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: start;
	gap: .45rem .65rem;
	min-width: 155px;
	padding: .8rem .9rem;
	border-top: 1px solid #d7e1ec;
	border-bottom: 1px solid #d7e1ec;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-woo-route > div:first-child {
	border-left: 1px solid #d7e1ec;
	border-radius: 7px 0 0 7px;
}

body.webrox-guard-stran .varuh-woo-route > div:last-child {
	border-right: 1px solid #d7e1ec;
	border-radius: 0 7px 7px 0;
}

body.webrox-guard-stran .varuh-woo-route > div + div {
	border-left: 1px solid #d7e1ec;
}

body.webrox-guard-stran .varuh-woo-route > div::before {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #aab8c8;
	content: "";
}

body.webrox-guard-stran .varuh-woo-route > div.is-good::before {
	background: #18a779;
}

body.webrox-guard-stran .varuh-woo-route > div.is-warn::before {
	background: #e7a31d;
}

body.webrox-guard-stran .varuh-woo-route > div.is-bad::before {
	background: #d94459;
}

body.webrox-guard-stran .varuh-woo-route > div > i {
	display: grid;
	grid-column: 1;
	grid-row: 1;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 7px;
	color: var(--package-accent);
	background: var(--package-soft);
}

body.webrox-guard-stran .varuh-woo-route > div > span:not(.varuh-woo-route-index) {
	display: grid;
	grid-column: 2;
	grid-row: 1;
	gap: .15rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-woo-route strong {
	color: var(--wg-ink);
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-woo-route small {
	display: -webkit-box;
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .61rem;
	line-height: 1.42;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.webrox-guard-stran .varuh-woo-route-index {
	position: absolute;
	top: .35rem;
	right: .45rem;
	color: #a3b1c1;
	font-size: .56rem;
	font-weight: 900;
}

body.webrox-guard-stran .varuh-woo-route em {
	display: inline-flex;
	grid-column: 2;
	align-items: center;
	gap: .32rem;
	width: fit-content;
	color: #65788f;
	font-size: .58rem;
	font-style: normal;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-woo-route .is-good em {
	color: #087e58;
}

body.webrox-guard-stran .varuh-woo-route .is-warn em,
body.webrox-guard-stran .varuh-woo-route .is-bad em {
	color: #9a6800;
}

body.webrox-guard-stran .varuh-woo-commerce-snapshot {
	display: grid;
	gap: .7rem;
}

body.webrox-guard-stran .varuh-woo-metrics,
body.webrox-guard-stran .varuh-woo-coverage {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .65rem;
}

body.webrox-guard-stran .varuh-woo-metrics > div {
	min-height: 78px;
	background: #f5f2ff;
}

body.webrox-guard-stran .varuh-woo-metrics strong {
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-woo-coverage > div {
	min-height: 62px;
	background: #fff;
}

body.webrox-guard-stran .varuh-package-observatory-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	min-height: 50px;
	padding: .72rem .85rem;
	border: 1px solid #d4e0ec;
	border-radius: 7px;
	background: #f4f8fc;
}

body.webrox-guard-stran .varuh-package-observatory-foot.needs-permission {
	border-color: #e5d29f;
	background: #fff8e7;
}

body.webrox-guard-stran .varuh-package-observatory-foot > span {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	min-width: 0;
	color: #5f7289;
	font-size: .7rem;
}

body.webrox-guard-stran .varuh-package-observatory-foot > span > i {
	color: #0b8e63;
}

body.webrox-guard-stran .varuh-package-observatory-foot.needs-permission > span > i {
	color: #a46e00;
}

body.webrox-guard-stran .varuh-package-observatory-foot strong {
	color: var(--wg-ink);
}

body.webrox-guard-stran .varuh-package-observatory-foot a {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	color: var(--package-accent);
	font-size: .7rem;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-package-observatory-foot a:hover,
body.webrox-guard-stran .varuh-package-observatory-foot a:focus-visible {
	color: #064f9d;
	text-decoration: underline;
}

body.webrox-guard-stran .varuh-package-observatory-foot > small {
	color: var(--wg-muted);
	font-size: .65rem;
}

body.webrox-guard-stran .varuh-package-empty {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	padding: 1rem;
	color: var(--wg-muted);
	font-size: .75rem;
}

@media (max-width: 1200px) {
	body.webrox-guard-stran .varuh-lite-observatory-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-lite-url-monitor {
		grid-column: 1;
		grid-row: auto;
	}

	body.webrox-guard-stran .varuh-woo-metrics,
	body.webrox-guard-stran .varuh-woo-coverage {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-package-observatory {
		gap: .85rem;
		padding: .9rem;
	}

	body.webrox-guard-stran .varuh-package-observatory-head,
	body.webrox-guard-stran .varuh-package-observatory-foot {
		align-items: flex-start;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-package-live-state {
		align-self: flex-start;
	}

	body.webrox-guard-stran .varuh-lite-health-summary {
		grid-template-columns: 112px minmax(0, 1fr);
		min-height: 142px;
		padding: .8rem;
	}

	body.webrox-guard-stran .varuh-lite-availability-ring {
		width: 108px;
		height: 108px;
	}

	body.webrox-guard-stran .varuh-lite-signal-grid,
	body.webrox-guard-stran .varuh-woo-metrics,
	body.webrox-guard-stran .varuh-woo-coverage {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-lite-url-list > div {
		grid-template-columns: 28px minmax(0, 1fr) auto;
		gap: .5rem;
		padding: .65rem;
	}

	body.webrox-guard-stran .varuh-lite-url-list b {
		grid-column: 2;
		text-align: left;
	}

	body.webrox-guard-stran .varuh-woo-route {
		grid-template-columns: 1fr;
		overflow: visible;
		gap: .45rem;
	}

	body.webrox-guard-stran .varuh-woo-route > div,
	body.webrox-guard-stran .varuh-woo-route > div:first-child,
	body.webrox-guard-stran .varuh-woo-route > div:last-child,
	body.webrox-guard-stran .varuh-woo-route > div + div {
		border: 1px solid #d7e1ec;
		border-radius: 7px;
	}

	body.webrox-guard-stran .varuh-package-observatory-foot > span {
		align-items: flex-start;
		line-height: 1.5;
	}
}

@media (max-width: 420px) {
	body.webrox-guard-stran .varuh-lite-health-summary {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}

	body.webrox-guard-stran .varuh-lite-health-copy {
		justify-items: center;
	}

	body.webrox-guard-stran .varuh-lite-url-monitor-head {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Frontend workspace: the public site now uses the same calm 1600px system as the dashboard. */
body.webrox-guard-stran {
	--wg-front-max: 1600px;
	--wg-front-gutter: clamp(1rem, 3vw, 3rem);
	--wg-front-panel: #ffffff;
	--wg-front-canvas: #f4f7fb;
	--wg-front-line: #d7e2ef;
}

body.webrox-guard-stran .webrox-guard-stran-main > section > .container,
body.webrox-guard-stran .varuh-partnerji > .container,
body.webrox-guard-stran .varuh-site-header > .container,
body.webrox-guard-stran .varuh-footer > .container,
body.webrox-guard-stran .varuh-insights-archive .container,
body.webrox-guard-stran .varuh-article-page .container,
body.webrox-guard-stran .varuh-info-main .container {
	width: min(calc(100% - clamp(2rem, 6vw, 6rem)), var(--wg-front-max));
	max-width: var(--wg-front-max) !important;
	margin-inline: auto;
}

body.webrox-guard-stran .webrox-guard-stran-main > section:not(.varuh-hero) {
	border-top: 1px solid rgba(215, 226, 239, .8);
}

body.webrox-guard-stran .varuh-paketi,
body.webrox-guard-stran .varuh-projektni-dokazi,
body.webrox-guard-stran .varuh-kako,
body.webrox-guard-stran .varuh-dodatki,
body.webrox-guard-stran .varuh-faq {
	background: var(--wg-front-canvas);
}

body.webrox-guard-stran .varuh-zakaj,
body.webrox-guard-stran .varuh-ustanovitelj,
body.webrox-guard-stran .varuh-system-proof {
	background: var(--wg-front-panel);
}

@media (min-width: 1200px) {
	body.webrox-guard-stran .webrox-guard-stran-main > :is(.varuh-paketi, .varuh-zakaj, .varuh-kako, .varuh-dodatki, .varuh-faq) .row.justify-content-center {
		justify-content: flex-start !important;
	}

	body.webrox-guard-stran .webrox-guard-stran-main > :is(.varuh-paketi, .varuh-zakaj, .varuh-kako, .varuh-dodatki, .varuh-faq) .row.justify-content-center > .text-center {
		width: min(100%, 980px);
		text-align: left !important;
	}
}

body.webrox-guard-stran .varuh-package-grid,
body.webrox-guard-stran .varuh-projektni-dokazi-grid {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}

body.webrox-guard-stran .varuh-cenik,
body.webrox-guard-stran .varuh-projektni-dokaz,
body.webrox-guard-stran .varuh-kartica,
body.webrox-guard-stran .varuh-dodatek {
	border: 1px solid var(--wg-front-line) !important;
	border-radius: 8px !important;
	background: var(--wg-front-panel);
	box-shadow: 0 2px 8px rgba(16, 29, 51, .035) !important;
}

body.webrox-guard-stran .varuh-cenik:hover,
body.webrox-guard-stran .varuh-projektni-dokaz:hover,
body.webrox-guard-stran .varuh-kartica:hover,
body.webrox-guard-stran .varuh-dodatek:hover {
	border-color: #a9c5e8 !important;
	box-shadow: 0 8px 22px rgba(16, 29, 51, .065) !important;
	transform: translateY(-2px);
}

body.webrox-guard-stran .varuh-hero-vsebina {
	max-width: 1080px;
}

body.webrox-guard-stran .varuh-hero-vsebina h1 {
	max-width: 780px;
}

body.webrox-guard-stran .varuh-hero-vsebina .lead {
	max-width: 920px;
}

body.webrox-guard-stran .varuh-hero-origin {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .45rem 1rem;
	margin: .85rem 0 0;
	color: #9fb3cd;
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-hero-origin strong {
	color: #ffffff;
}

body.webrox-guard-stran .varuh-hero-origin span {
	position: relative;
	padding-left: 1rem;
}

body.webrox-guard-stran .varuh-hero-origin span::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #43d7a0;
	content: "";
	transform: translateY(-50%);
}

body.webrox-guard-stran .varuh-scan-stage {
	max-width: 1500px;
	margin-top: clamp(6rem, 7vw, 7.5rem);
}

body.webrox-guard-stran .varuh-scan-stage .varuh-hero-rezultat {
	grid-template-columns: minmax(0, 1.22fr) minmax(430px, .78fr);
	gap: 1.25rem 1.5rem;
	padding: 1.5rem;
	border-color: #c9d7e7;
	box-shadow: 0 18px 50px rgba(2, 8, 18, .18) !important;
}

body.webrox-guard-stran .varuh-rezultat-kartice > .varuh-scan-kategorije {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .65rem;
	margin: 0 0 .85rem;
	padding: 0;
	border: 0 !important;
	background: transparent;
}

body.webrox-guard-stran .varuh-scan-kategorije > div {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	gap: .12rem .65rem;
	min-height: 78px;
	padding: .72rem .8rem;
	border: 1px solid var(--wg-front-line);
	border-top: 3px solid #9aacbf;
	border-radius: 7px;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-scan-kategorije > div.is-good {
	border-top-color: #17a574;
}

body.webrox-guard-stran .varuh-scan-kategorije > div.is-warn {
	border-top-color: #e5a01b;
}

body.webrox-guard-stran .varuh-scan-kategorije > div.is-bad {
	border-top-color: #d94359;
}

body.webrox-guard-stran .varuh-scan-kategorije > div > i {
	display: grid;
	grid-row: 1 / span 2;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid #d5e2f0;
	border-radius: 7px;
	color: var(--wg-blue);
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-scan-kategorije > div.is-good > i {
	color: #087c58;
	background: #e8f7f1;
}

body.webrox-guard-stran .varuh-scan-kategorije > div.is-warn > i,
body.webrox-guard-stran .varuh-scan-kategorije > div.is-bad > i {
	color: #9a6700;
	background: #fff4d9;
}

body.webrox-guard-stran .varuh-scan-kategorije > div > span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-scan-kategorije strong {
	color: var(--wg-ink);
	font-size: .8rem;
}

body.webrox-guard-stran .varuh-scan-kategorije small {
	display: block !important;
	overflow: hidden;
	color: var(--wg-muted);
	font-size: .64rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-scan-kategorije em {
	grid-column: 2;
	color: #687b93;
	font-size: .62rem;
	font-style: normal;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-scan-kategorije .is-good em {
	color: #087c58;
}

body.webrox-guard-stran .varuh-scan-kategorije .is-warn em,
body.webrox-guard-stran .varuh-scan-kategorije .is-bad em {
	color: #976400;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div > i {
	animation: wg-front-spin 1s linear infinite;
}

@keyframes wg-front-spin {
	to { transform: rotate(360deg); }
}

body.webrox-guard-stran .varuh-scan-poudarki {
	gap: .55rem;
}

body.webrox-guard-stran .varuh-rezultat-kartice .varuh-scan-check {
	min-height: 64px;
	border-radius: 7px;
	background: #ffffff;
}

body.webrox-guard-stran .varuh-scan-details {
	border-radius: 7px;
}

body.webrox-guard-stran .varuh-priporocilo {
	padding: 1.15rem;
	border-radius: 7px !important;
	background: #f3f7fc;
}

body.webrox-guard-stran .varuh-ustanovitelj-panel {
	border: 1px solid var(--wg-front-line);
	border-left: 4px solid var(--wg-blue);
	border-radius: 8px;
	background: var(--wg-front-panel);
	box-shadow: 0 4px 16px rgba(16, 29, 51, .045);
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-scan-stage .varuh-hero-rezultat {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-scan-stage .varuh-hero-rezultat {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-primerjava-povzetek {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-primerjava-povzetek {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran {
		--wg-front-gutter: 1rem;
	}

	body.webrox-guard-stran .varuh-rezultat-kartice > .varuh-scan-kategorije {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-scan-kategorije > div {
		min-height: 70px;
	}

	body.webrox-guard-stran .varuh-hero-origin {
		display: grid;
		gap: .25rem;
	}

	body.webrox-guard-stran .varuh-hero-origin span {
		padding-left: 0;
	}

	body.webrox-guard-stran .varuh-hero-origin span::before {
		display: none;
	}

	body.webrox-guard-stran .varuh-scan-details summary {
		grid-template-columns: minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-scan-details-naslov,
	body.webrox-guard-stran .varuh-scan-details-naslov > span {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-scan-details-naslov strong {
		overflow-wrap: anywhere;
	}

	body.webrox-guard-stran .varuh-scan-details-meta {
		justify-content: space-between;
		width: 100%;
		padding-top: .55rem;
		border-top: 1px solid #e1e9f3;
	}
}

/* Dodatki in popravki: enostaven potek od ugotovitve do resitve. */
body.webrox-guard-stran .varuh-resitev-section {
	position: relative;
	overflow: hidden;
	background: #f4f7fb;
}

body.webrox-guard-stran .varuh-resitev-layout {
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
	align-items: center;
	gap: clamp(2.5rem, 5vw, 4.75rem);
}

body.webrox-guard-stran .varuh-resitev-copy {
	max-width: 650px;
}

body.webrox-guard-stran .varuh-resitev-copy h2 {
	max-width: 620px;
	margin: 0;
	color: var(--wg-ink);
	font-size: 2.75rem;
	line-height: 1.08;
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-resitev-copy > .lead {
	max-width: 620px;
	margin: 1.25rem 0 0;
	color: var(--wg-muted);
	font-size: 1.08rem;
	line-height: 1.7;
}

body.webrox-guard-stran .varuh-resitev-points {
	display: grid;
	gap: 0;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-resitev-points li {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: start;
	gap: 1rem;
	padding: 1rem 0;
	border-top: 1px solid var(--wg-front-line);
}

body.webrox-guard-stran .varuh-resitev-points li:last-child {
	border-bottom: 1px solid var(--wg-front-line);
}

body.webrox-guard-stran .varuh-resitev-point-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid #cfe0f5;
	border-radius: 7px;
	color: var(--wg-blue);
	background: #eaf3ff;
}

body.webrox-guard-stran .varuh-resitev-point-icon i {
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-resitev-points strong,
body.webrox-guard-stran .varuh-resitev-points small {
	display: block;
}

body.webrox-guard-stran .varuh-resitev-points strong {
	margin: .05rem 0 .25rem;
	color: var(--wg-ink);
	font-size: 1rem;
	line-height: 1.35;
}

body.webrox-guard-stran .varuh-resitev-points small {
	color: var(--wg-muted);
	font-size: .9rem;
	line-height: 1.55;
}

body.webrox-guard-stran .varuh-resitev-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 1.75rem;
}

body.webrox-guard-stran .varuh-resitev-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 50px;
	padding-inline: 1.4rem;
	border-radius: 7px;
	box-shadow: 0 4px 12px rgba(24, 119, 242, .14);
}

body.webrox-guard-stran .varuh-resitev-actions .btn:hover {
	box-shadow: 0 6px 16px rgba(24, 119, 242, .18);
	transform: translateY(-1px);
}

body.webrox-guard-stran .varuh-text-link {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	color: var(--wg-blue);
	font-size: .94rem;
	font-weight: 800;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-text-link i {
	font-size: .78rem;
	transition: transform .2s ease;
}

body.webrox-guard-stran .varuh-text-link:hover i {
	transform: translateX(3px);
}

body.webrox-guard-stran .varuh-resitev-preview {
	overflow: hidden;
	min-width: 0;
	border: 1px solid #cbd9e9;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(21, 38, 65, .08);
}

body.webrox-guard-stran .varuh-resitev-preview-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 64px;
	padding: 1rem 1.25rem;
	color: #ffffff;
	background-color: #142238;
	background-image:
		linear-gradient(rgba(95, 135, 188, .09) 1px, transparent 1px),
		linear-gradient(90deg, rgba(95, 135, 188, .09) 1px, transparent 1px);
	background-size: 44px 44px;
}

body.webrox-guard-stran .varuh-resitev-preview-head span {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	font-size: .9rem;
	font-weight: 850;
}

body.webrox-guard-stran .varuh-resitev-preview-head span i {
	color: #6faeff;
}

body.webrox-guard-stran .varuh-resitev-preview-head em {
	padding: .35rem .58rem;
	border: 1px solid rgba(255, 192, 62, .36);
	border-radius: 6px;
	color: #ffcf66;
	background: rgba(255, 181, 32, .1);
	font-size: .7rem;
	font-style: normal;
	font-weight: 850;
	line-height: 1;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-resitev-finding {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	margin: 1.25rem;
	padding: 1.15rem;
	border: 1px solid #efd7a2;
	border-left: 4px solid #e5a01b;
	border-radius: 7px;
	background: #fff9ec;
}

body.webrox-guard-stran .varuh-resitev-finding-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 7px;
	color: #976400;
	background: #fff0c9;
}

body.webrox-guard-stran .varuh-resitev-finding small,
body.webrox-guard-stran .varuh-resitev-finding h3,
body.webrox-guard-stran .varuh-resitev-finding p {
	margin: 0;
}

body.webrox-guard-stran .varuh-resitev-finding small {
	display: block;
	margin-bottom: .25rem;
	color: #8a6a25;
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-resitev-finding h3 {
	color: var(--wg-ink);
	font-size: 1.08rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-resitev-finding p {
	margin-top: .3rem;
	color: #6e7787;
	font-size: .82rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-resitev-finding > strong {
	align-self: start;
	padding: .38rem .55rem;
	border-radius: 6px;
	color: #8b5c00;
	background: #ffedbd;
	font-size: .7rem;
	line-height: 1;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-resitev-preview-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 1.25rem;
	border: 1px solid #dae4ef;
	border-radius: 7px;
	background: #f7f9fc;
}

body.webrox-guard-stran .varuh-resitev-preview-meta > span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	gap: .1rem .65rem;
	min-width: 0;
	padding: .85rem 1rem;
}

body.webrox-guard-stran .varuh-resitev-preview-meta > span + span {
	border-left: 1px solid #dae4ef;
}

body.webrox-guard-stran .varuh-resitev-preview-meta i {
	display: grid;
	grid-row: 1 / span 2;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 6px;
	color: var(--wg-blue);
	background: #eaf3ff;
}

body.webrox-guard-stran .varuh-resitev-preview-meta small {
	color: #7d8ca0;
	font-size: .68rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-resitev-preview-meta strong {
	overflow-wrap: anywhere;
	color: var(--wg-ink);
	font-size: .84rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-resitev-choices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	margin: 1.25rem;
}

body.webrox-guard-stran .varuh-resitev-choices > div {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	gap: .75rem;
	min-width: 0;
	padding: .9rem;
	border: 1px solid #d4e0ed;
	border-radius: 7px;
	background: #ffffff;
}

body.webrox-guard-stran .varuh-resitev-choices > div.is-primary {
	border-color: #b7d4fa;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-resitev-choices > div > i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	color: #50617a;
	background: #eef2f7;
}

body.webrox-guard-stran .varuh-resitev-choices > div.is-primary > i {
	color: #ffffff;
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-resitev-choices small,
body.webrox-guard-stran .varuh-resitev-choices strong {
	display: block;
}

body.webrox-guard-stran .varuh-resitev-choices small {
	margin-bottom: .12rem;
	color: #7d8ca0;
	font-size: .66rem;
	font-weight: 750;
}

body.webrox-guard-stran .varuh-resitev-choices strong {
	color: var(--wg-ink);
	font-size: .85rem;
	line-height: 1.3;
}

body.webrox-guard-stran .varuh-resitev-consent {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	padding: .9rem 1.25rem;
	border-top: 1px solid #dce5ef;
	color: #63738a;
	background: #f8fafc;
	font-size: .78rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-resitev-consent i {
	color: #14966d;
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-resitev-layout {
		grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);
		gap: 2.5rem;
	}

	body.webrox-guard-stran .varuh-resitev-copy h2 {
		font-size: 2.35rem;
	}
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-resitev-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.25rem;
	}

	body.webrox-guard-stran .varuh-resitev-copy {
		max-width: 720px;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-resitev-section {
		padding-top: 3.5rem !important;
		padding-bottom: 3.5rem !important;
	}

	body.webrox-guard-stran .varuh-resitev-copy h2 {
		font-size: 2rem;
		line-height: 1.12;
	}

	body.webrox-guard-stran .varuh-resitev-copy > .lead {
		font-size: 1rem;
		line-height: 1.6;
	}

	body.webrox-guard-stran .varuh-resitev-points li {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: .85rem;
		padding: .9rem 0;
	}

	body.webrox-guard-stran .varuh-resitev-point-icon {
		width: 40px;
		height: 40px;
	}

	body.webrox-guard-stran .varuh-resitev-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: stretch;
		gap: .9rem;
	}

	body.webrox-guard-stran .varuh-resitev-actions .btn {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-text-link {
		justify-content: center;
		min-height: 44px;
	}

	body.webrox-guard-stran .varuh-resitev-preview-head,
	body.webrox-guard-stran .varuh-resitev-consent {
		padding-inline: 1rem;
	}

	body.webrox-guard-stran .varuh-resitev-finding {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: .8rem;
		margin: 1rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-resitev-finding-icon {
		width: 42px;
		height: 42px;
	}

	body.webrox-guard-stran .varuh-resitev-finding > strong {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-resitev-preview-meta {
		grid-template-columns: minmax(0, 1fr);
		margin: 0 1rem;
	}

	body.webrox-guard-stran .varuh-resitev-preview-meta > span + span {
		border-top: 1px solid #dae4ef;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-resitev-choices {
		grid-template-columns: minmax(0, 1fr);
		margin: 1rem;
	}

	body.webrox-guard-stran .varuh-resitev-consent {
		align-items: flex-start;
	}
}

/* Unified account navigation: one global header, one site workspace. */
body.webrox-guard-stran.webrox-guard-account-app .varuh-account-layout,
body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.is-mode-advanced .varuh-account-layout {
	display: block;
	grid-template-columns: minmax(0, 1fr);
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-content.woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	max-width: none;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading {
	min-height: 0;
	margin-bottom: 1rem;
	padding: 1.15rem 1.4rem !important;
}

body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading h1 {
	margin: .2rem 0 0;
	font-size: clamp(1.45rem, 1.8vw, 1.9rem);
}

body.webrox-guard-stran .varuh-app-account-menu {
	position: relative;
	margin: 0;
}

body.webrox-guard-stran .varuh-app-account-menu > summary {
	display: flex;
	align-items: center;
	gap: .55rem;
	min-height: 40px;
	padding: 2px .65rem 2px 2px;
	border: 1px solid #2c4362;
	border-radius: 6px;
	color: #d9e6f5;
	background: #101f35;
	font-size: .75rem;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-app-account-menu > summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-app-account-menu > summary > i {
	color: #8299b5;
	font-size: .62rem;
	transition: transform .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-app-account-menu[open] > summary > i {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-app-account-avatar {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #3b5576;
	border-radius: 5px;
	object-fit: cover;
}

body.webrox-guard-stran .varuh-app-account-popover {
	position: absolute;
	top: calc(100% + .65rem);
	right: 0;
	z-index: 1100;
	width: min(300px, calc(100vw - 1rem));
	padding: .55rem;
	border: 1px solid #2a405e;
	border-radius: 8px;
	background: #0d1a2d;
	box-shadow: 0 18px 42px rgba(4, 12, 24, .24);
}

body.webrox-guard-stran .varuh-app-account-popover header {
	display: grid;
	gap: .15rem;
	padding: .75rem .8rem .8rem;
	border-bottom: 1px solid #263a56;
}

body.webrox-guard-stran .varuh-app-account-popover header strong {
	color: #f7fbff;
	font-size: .86rem;
}

body.webrox-guard-stran .varuh-app-account-popover header small {
	overflow: hidden;
	color: #8fa4bd;
	font-size: .72rem;
	text-overflow: ellipsis;
}

body.webrox-guard-stran .varuh-app-account-popover nav {
	display: grid;
	gap: 2px;
	padding: .45rem 0;
}

body.webrox-guard-stran .varuh-app-account-popover nav a,
body.webrox-guard-stran .varuh-app-account-logout {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) 12px;
	align-items: center;
	gap: .6rem;
	min-height: 40px;
	padding: .55rem .7rem;
	border-radius: 5px;
	color: #c4d3e6;
	font-size: .78rem;
	font-weight: 750;
	text-decoration: none;
	transition: color .18s var(--wg-ease), background-color .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-app-account-popover nav a > i:first-child,
body.webrox-guard-stran .varuh-app-account-logout > i {
	color: #66a8ff;
	text-align: center;
}

body.webrox-guard-stran .varuh-app-account-popover nav a > i:last-child {
	color: #637b99;
	font-size: .58rem;
}

body.webrox-guard-stran .varuh-app-account-logout {
	grid-template-columns: 22px minmax(0, 1fr);
	border-top: 1px solid #263a56;
	border-radius: 0 0 5px 5px;
	color: #f0b8be;
}

body.webrox-guard-stran .varuh-site-workspace {
	position: relative;
	z-index: 25;
	margin-bottom: 1rem;
	padding: 0 !important;
	border: 1px solid #d5e0ec;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 33, 55, .055);
}

body.webrox-guard-stran .varuh-site-workspace-context {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-height: 68px;
	padding: .75rem 1rem;
	border-bottom: 1px solid #e2e9f1;
}

body.webrox-guard-stran .varuh-site-workspace-back,
body.webrox-guard-stran .varuh-site-workspace-icon,
body.webrox-guard-stran .varuh-site-switcher > summary {
	display: inline-grid;
	place-items: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border: 1px solid #d5e1ee;
	border-radius: 6px;
	color: #1675ea;
	background: #f3f7fc;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-site-workspace-back {
	transition: color .18s var(--wg-ease), border-color .18s var(--wg-ease), background-color .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-site-workspace-icon {
	color: #0b8f6a;
	background: #edf9f5;
}

body.webrox-guard-stran .varuh-site-workspace-name {
	display: grid;
	gap: .1rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-site-workspace-name small {
	color: #718198;
	font-size: .64rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-workspace-name strong {
	overflow: hidden;
	color: #18263c;
	font-size: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-site-switcher {
	position: relative;
	margin: 0 0 0 auto;
}

body.webrox-guard-stran .varuh-site-switcher > summary {
	cursor: pointer;
	list-style: none;
}

body.webrox-guard-stran .varuh-site-switcher > summary::-webkit-details-marker {
	display: none;
}

body.webrox-guard-stran .varuh-site-switcher[open] > summary i {
	transform: rotate(180deg);
}

body.webrox-guard-stran .varuh-site-switcher > div {
	position: absolute;
	top: calc(100% + .55rem);
	right: 0;
	z-index: 30;
	display: grid;
	gap: .25rem;
	width: min(340px, calc(100vw - 2rem));
	padding: .55rem;
	border: 1px solid #d7e2ee;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(16, 39, 67, .16);
}

body.webrox-guard-stran .varuh-site-switcher > div > span {
	padding: .5rem .65rem .35rem;
	color: #728197;
	font-size: .65rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-site-switcher a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 52px;
	padding: .6rem .7rem;
	border-radius: 6px;
	color: #27354b;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-site-switcher a span {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-site-switcher a strong,
body.webrox-guard-stran .varuh-site-switcher a small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-site-switcher a strong {
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-site-switcher a small {
	color: #8190a4;
	font-size: .68rem;
}

body.webrox-guard-stran .varuh-site-switcher a.is-current {
	color: #096ee2;
	background: #eef6ff;
}

body.webrox-guard-stran .varuh-site-workspace-tabs {
	display: flex;
	align-items: stretch;
	gap: .15rem;
	min-width: 0;
	padding: .35rem .55rem;
	overflow-x: auto;
	scrollbar-width: thin;
}

body.webrox-guard-stran .varuh-site-workspace-tabs::-webkit-scrollbar {
	display: none;
}

body.webrox-guard-stran .varuh-site-workspace-tabs {
	scrollbar-width: none;
}

body.webrox-guard-stran .varuh-site-workspace-tabs a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	flex: 1 0 auto;
	min-height: 44px;
	padding: .65rem .75rem;
	border-radius: 5px;
	color: #64748a;
	font-size: .76rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	transition: color .18s var(--wg-ease), background-color .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-site-workspace-tabs a i {
	color: #8ba0ba;
}

body.webrox-guard-stran .varuh-site-workspace-tabs a.is-current {
	color: #096ee2;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-site-workspace-tabs a.is-current::after {
	position: absolute;
	right: .65rem;
	bottom: -.35rem;
	left: .65rem;
	height: 2px;
	border-radius: 2px;
	background: #1680ff;
	content: "";
}

body.webrox-guard-stran .varuh-site-workspace-tabs a.is-current i {
	color: #1680ff;
}

@media (hover: hover) and (pointer: fine) {
	body.webrox-guard-stran .varuh-app-account-popover nav a:hover,
	body.webrox-guard-stran .varuh-site-switcher a:hover {
		color: #fff;
		background: #172a45;
	}

	body.webrox-guard-stran .varuh-site-switcher a:hover small {
		color: #b6c6da;
	}

	body.webrox-guard-stran .varuh-site-workspace-back:hover {
		border-color: #9bc4f4;
		color: #075fbe;
		background: #eaf4ff;
	}

	body.webrox-guard-stran .varuh-site-workspace-tabs a:hover {
		color: #17345a;
		background: #f4f7fb;
	}
}

@media (max-width: 1199.98px) {
	body.webrox-guard-stran .varuh-app-account-menu > summary > span {
		display: none;
	}

	body.webrox-guard-stran .varuh-app-account-menu > summary {
		width: 40px;
		padding: 2px;
	}

	body.webrox-guard-stran .varuh-app-account-menu > summary > i {
		display: none;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-app-header-inner {
		grid-template-columns: minmax(0, 1fr) 40px 40px 40px;
		grid-template-rows: auto auto auto;
	}

	body.webrox-guard-stran .varuh-app-actions > .varuh-app-icon-action:first-of-type {
		grid-column: 2;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-app-actions > .varuh-app-icon-action:nth-of-type(2) {
		grid-column: 3;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-app-account-menu {
		grid-column: 4;
		grid-row: 1;
	}

	body.webrox-guard-stran .varuh-app-account-popover {
		position: fixed;
		top: 58px;
		right: .5rem;
	}

	body.webrox-guard-stran.admin-bar .varuh-app-account-popover {
		top: 104px;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading {
		align-items: flex-start;
		gap: .8rem;
		padding: 1rem !important;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-workspace-heading .varuh-account-context {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-site-workspace-context {
		min-height: 62px;
		padding: .65rem;
	}

	body.webrox-guard-stran .varuh-site-workspace-back,
	body.webrox-guard-stran .varuh-site-workspace-icon,
	body.webrox-guard-stran .varuh-site-switcher > summary {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}

	body.webrox-guard-stran .varuh-site-workspace-name small {
		font-size: .58rem;
	}

	body.webrox-guard-stran .varuh-site-workspace-name strong {
		max-width: 44vw;
		font-size: .88rem;
	}

	body.webrox-guard-stran .varuh-site-workspace-tabs {
		justify-content: flex-start;
		padding: .3rem;
		scroll-snap-type: x proximity;
	}

	body.webrox-guard-stran .varuh-site-workspace-tabs a {
		flex: 0 0 auto;
		min-height: 42px;
		padding: .6rem .7rem;
		font-size: .7rem;
		scroll-snap-align: start;
	}

	body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page.has-site-workspace .varuh-account-content.woocommerce-MyAccount-content {
		padding-top: .75rem;
	}
}

/* Billing center and subscription switching. */
body.webrox-guard-stran .varuh-billing-center {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-billing-overview,
body.webrox-guard-stran .varuh-payment-trust {
	display: grid;
	grid-template-columns: minmax(0, 1fr) repeat(2, minmax(128px, auto));
	align-items: center;
	gap: .75rem;
	padding: 1rem;
	border: 1px solid #cfe0f2;
	border-radius: 8px;
	background: linear-gradient(135deg, #f7faff 0%, #edf5ff 100%);
}

body.webrox-guard-stran .varuh-billing-overview-lead,
body.webrox-guard-stran .varuh-payment-trust {
	min-width: 0;
}

body.webrox-guard-stran .varuh-billing-overview-lead {
	display: flex;
	align-items: center;
	gap: .8rem;
}

body.webrox-guard-stran .varuh-billing-overview-icon,
body.webrox-guard-stran .varuh-payment-trust > span,
body.webrox-guard-stran .varuh-subscription-package-icon,
body.webrox-guard-stran .varuh-payment-method-icon,
body.webrox-guard-stran .varuh-billing-empty > span {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border: 1px solid #c7ddf6;
	border-radius: 7px;
	color: #1378ed;
	background: #eaf4ff;
}

body.webrox-guard-stran .varuh-billing-overview-lead > div,
body.webrox-guard-stran .varuh-payment-trust > div,
body.webrox-guard-stran .varuh-subscription-identity,
body.webrox-guard-stran .varuh-payment-method-copy {
	min-width: 0;
}

body.webrox-guard-stran .varuh-billing-overview small,
body.webrox-guard-stran .varuh-payment-trust small,
body.webrox-guard-stran .varuh-subscription-identity > small,
body.webrox-guard-stran .varuh-payment-method-copy > small,
body.webrox-guard-stran .varuh-billing-empty small {
	display: block;
	margin-bottom: .18rem;
	color: #1678e8;
	font-size: .64rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-billing-overview-lead strong,
body.webrox-guard-stran .varuh-payment-trust strong {
	display: block;
	color: var(--wg-ink);
	font-size: .95rem;
}

body.webrox-guard-stran .varuh-billing-overview-lead p,
body.webrox-guard-stran .varuh-payment-trust p {
	margin: .2rem 0 0;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-billing-overview-stat {
	display: grid;
	gap: .15rem;
	min-height: 62px;
	padding: .7rem .8rem;
	border: 1px solid #d5e3f2;
	border-radius: 7px;
	background: rgba(255, 255, 255, .78);
}

body.webrox-guard-stran .varuh-billing-overview-stat strong {
	color: var(--wg-ink);
	font-size: 1.05rem;
}

body.webrox-guard-stran .varuh-subscription-list,
body.webrox-guard-stran .varuh-payment-method-list {
	display: grid;
	gap: .75rem;
}

body.webrox-guard-stran .varuh-subscription-card,
body.webrox-guard-stran .varuh-payment-method-card {
	display: grid;
	gap: .9rem;
	padding: 1rem;
	border: 1px solid var(--wg-border);
	border-left: 3px solid #1680ff;
	border-radius: 8px;
	background: #fff;
	transition: border-color .18s var(--wg-ease), transform .18s var(--wg-ease);
}

body.webrox-guard-stran .varuh-subscription-card.is-cancelled,
body.webrox-guard-stran .varuh-subscription-card.is-expired {
	border-left-color: #91a0b4;
}

body.webrox-guard-stran .varuh-subscription-card.is-pending-cancel,
body.webrox-guard-stran .varuh-subscription-card.is-on-hold {
	border-left-color: #e5a11b;
}

body.webrox-guard-stran .varuh-subscription-card-head {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: .8rem;
}

body.webrox-guard-stran .varuh-subscription-identity h2,
body.webrox-guard-stran .varuh-payment-method-copy h2,
body.webrox-guard-stran .varuh-billing-empty h2 {
	margin: 0;
	color: var(--wg-ink);
	font-size: 1rem;
}

body.webrox-guard-stran .varuh-subscription-identity p,
body.webrox-guard-stran .varuh-payment-method-copy p,
body.webrox-guard-stran .varuh-billing-empty p {
	display: flex;
	align-items: center;
	gap: .35rem;
	margin: .25rem 0 0;
	color: var(--wg-muted);
	font-size: .72rem;
}

body.webrox-guard-stran .varuh-subscription-status,
body.webrox-guard-stran .varuh-payment-default {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .38rem .55rem;
	border: 1px solid #bfe5d2;
	border-radius: 6px;
	color: #08794f;
	background: #effaf5;
	font-size: .65rem;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-subscription-status.is-pending-cancel,
body.webrox-guard-stran .varuh-subscription-status.is-on-hold {
	border-color: #efd59e;
	color: #906000;
	background: #fff8e9;
}

body.webrox-guard-stran .varuh-subscription-status.is-cancelled,
body.webrox-guard-stran .varuh-subscription-status.is-expired {
	border-color: #d8e0ea;
	color: #627187;
	background: #f5f7fa;
}

body.webrox-guard-stran .varuh-subscription-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid #e0e8f1;
	border-radius: 7px;
	background: #f8fafc;
}

body.webrox-guard-stran .varuh-subscription-facts > div {
	display: grid;
	gap: .22rem;
	min-width: 0;
	padding: .75rem .85rem;
}

body.webrox-guard-stran .varuh-subscription-facts > div + div {
	border-left: 1px solid #e0e8f1;
}

body.webrox-guard-stran .varuh-subscription-facts small {
	color: var(--wg-muted);
	font-size: .62rem;
	font-weight: 750;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-subscription-facts strong {
	overflow-wrap: anywhere;
	color: var(--wg-ink);
	font-size: .78rem;
}

body.webrox-guard-stran .varuh-subscription-card-actions,
body.webrox-guard-stran .varuh-payment-method-actions {
	display: flex;
	align-items: center;
	gap: .55rem;
	flex-wrap: wrap;
}

body.webrox-guard-stran .varuh-subscription-card-actions .button,
body.webrox-guard-stran .varuh-payment-method-actions .button {
	margin: 0 !important;
}

body.webrox-guard-stran .varuh-subscription-domain-link {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	margin-left: auto;
	color: #58708d;
	font-size: .7rem;
	font-weight: 750;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-billing-pagination {
	display: flex;
	justify-content: space-between;
	gap: .6rem;
}

body.webrox-guard-stran .varuh-billing-empty {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: .8rem;
	padding: 1rem;
	border: 1px dashed #c8d7e7;
	border-radius: 8px;
	background: #fff;
}

body.webrox-guard-stran .varuh-billing-empty.is-compact {
	grid-template-columns: 46px minmax(0, 1fr);
}

body.webrox-guard-stran .varuh-payment-trust {
	grid-template-columns: 46px minmax(0, 1fr) auto;
}

body.webrox-guard-stran .varuh-payment-trust > em {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .42rem .55rem;
	border: 1px solid #cce4d9;
	border-radius: 6px;
	color: #08794f;
	background: #effaf5;
	font-size: .68rem;
	font-style: normal;
	font-weight: 800;
}

body.webrox-guard-stran .varuh-payment-method-card {
	grid-template-columns: 46px minmax(0, 1fr) auto auto;
	align-items: center;
	border-left-width: 1px;
}

body.webrox-guard-stran .varuh-payment-method-card.is-default {
	border-color: #b9d8ff;
	background: #fbfdff;
}

body.webrox-guard-stran .varuh-payment-method-actions {
	justify-content: flex-end;
}

body.webrox-guard-stran .varuh-add-payment-method {
	justify-self: start;
}

body.webrox-guard-stran .varuh-plan-switch {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
	align-items: center;
	gap: .5rem;
}

body.webrox-guard-stran .varuh-plan-switch > div {
	display: grid;
	gap: .16rem;
	min-height: 66px;
	padding: .7rem;
	border: 1px solid var(--wg-border);
	border-radius: 7px;
	background: #fff;
}

body.webrox-guard-stran .varuh-plan-switch > div.is-target {
	border-color: #add2ff;
	background: #edf5ff;
}

body.webrox-guard-stran .varuh-plan-switch > i {
	color: #1880f6;
	text-align: center;
}

body.webrox-guard-stran .varuh-plan-switch small,
body.webrox-guard-stran .varuh-plan-price span,
body.webrox-guard-stran .varuh-package-max small {
	color: var(--wg-muted);
	font-size: .61rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-plan-switch strong,
body.webrox-guard-stran .varuh-plan-price strong,
body.webrox-guard-stran .varuh-package-max strong {
	color: var(--wg-ink);
	font-size: .82rem;
}

body.webrox-guard-stran .varuh-plan-benefits {
	display: grid;
	gap: .45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-plan-benefits li {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #33445b;
	font-size: .74rem;
}

body.webrox-guard-stran .varuh-plan-benefits i {
	color: #0aa36f;
}

body.webrox-guard-stran .varuh-plan-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	padding: .65rem .75rem;
	border-top: 1px solid var(--wg-border);
	border-bottom: 1px solid var(--wg-border);
}

body.webrox-guard-stran .varuh-package-max,
body.webrox-guard-stran .varuh-domain-lock-summary {
	display: flex;
	align-items: flex-start;
	gap: .7rem;
	padding: .85rem;
	border: 1px solid #c9e7d8;
	border-radius: 7px;
	background: #effaf5;
}

body.webrox-guard-stran .varuh-package-max > i,
body.webrox-guard-stran .varuh-domain-lock-summary > i {
	margin-top: .15rem;
	color: #0a9a68;
}

body.webrox-guard-stran .varuh-package-max > div,
body.webrox-guard-stran .varuh-domain-lock-summary > div {
	display: grid;
	gap: .22rem;
	min-width: 0;
}

body.webrox-guard-stran .varuh-package-max p,
body.webrox-guard-stran .varuh-domain-lock-summary p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .7rem;
	line-height: 1.5;
}

.varuh-checkout-upgrade {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: .85rem;
	max-width: 1600px;
	margin: 0 auto 1rem;
	padding: 1rem;
	border: 1px solid #afd2fb;
	border-radius: 8px;
	background: #edf5ff;
}

.varuh-checkout-upgrade-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 7px;
	color: #fff;
	background: #1680ff;
}

.varuh-checkout-upgrade small {
	color: #116fd7;
	font-size: .65rem;
	font-weight: 850;
	text-transform: uppercase;
}

.varuh-checkout-upgrade h2 {
	margin: .12rem 0 .2rem;
	font-size: 1rem;
}

.varuh-checkout-upgrade p {
	margin: 0;
	color: #63758d;
	font-size: .75rem;
}

.varuh-checkout-upgrade ul {
	display: grid;
	gap: .35rem;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #33506f;
	font-size: .7rem;
}

.varuh-checkout-upgrade li {
	display: flex;
	align-items: center;
	gap: .4rem;
}

.varuh-checkout-upgrade li i {
	color: #0a9a68;
}

@media (hover: hover) and (pointer: fine) {
	body.webrox-guard-stran .varuh-subscription-card:hover,
	body.webrox-guard-stran .varuh-payment-method-card:hover {
		border-color: #a9c9eb;
		transform: translateY(-1px);
	}
}

@media (max-width: 900px) {
	body.webrox-guard-stran .varuh-billing-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.webrox-guard-stran .varuh-billing-overview-lead {
		grid-column: 1 / -1;
	}

	body.webrox-guard-stran .varuh-payment-method-card {
		grid-template-columns: 46px minmax(0, 1fr) auto;
	}

	body.webrox-guard-stran .varuh-payment-method-actions {
		grid-column: 2 / -1;
		justify-content: flex-start;
	}

	.varuh-checkout-upgrade {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.varuh-checkout-upgrade ul {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	body.webrox-guard-stran .varuh-billing-overview,
	body.webrox-guard-stran .varuh-payment-trust {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-billing-overview-lead,
	body.webrox-guard-stran .varuh-payment-trust > div,
	body.webrox-guard-stran .varuh-payment-trust > em {
		grid-column: auto;
	}

	body.webrox-guard-stran .varuh-payment-trust > em {
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-subscription-card-head,
	body.webrox-guard-stran .varuh-payment-method-card,
	body.webrox-guard-stran .varuh-billing-empty {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	body.webrox-guard-stran .varuh-subscription-status,
	body.webrox-guard-stran .varuh-payment-default,
	body.webrox-guard-stran .varuh-payment-method-actions,
	body.webrox-guard-stran .varuh-billing-empty .button {
		grid-column: 2;
		justify-self: start;
	}

	body.webrox-guard-stran .varuh-subscription-facts {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-subscription-facts > div + div {
		border-top: 1px solid #e0e8f1;
		border-left: 0;
	}

	body.webrox-guard-stran .varuh-subscription-card-actions {
		align-items: stretch;
		flex-direction: column;
	}

	body.webrox-guard-stran .varuh-subscription-card-actions .button {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-subscription-domain-link {
		margin-left: 0;
	}

	body.webrox-guard-stran .varuh-plan-switch {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-plan-switch > i {
		transform: rotate(90deg);
	}

	body.webrox-guard-stran .varuh-plan-price {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Brezplacni scan: jasen dokaz vrednosti pred priporocilom paketa. */
body.webrox-guard-stran .varuh-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 .85rem;
	color: #78b6ff;
	font-size: .78rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-hero-vsebina h1 {
	max-width: 850px;
}

body.webrox-guard-stran .varuh-hero-vsebina .lead {
	max-width: 850px;
}

body.webrox-guard-stran .varuh-scan-meja-hero {
	display: grid;
	grid-template-columns: 1rem minmax(0, 1fr);
	align-items: start;
	gap: .5rem;
	margin: .75rem 0 0;
	color: #9fb3cd;
	font-size: .74rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-scan-meja-hero i {
	margin-top: .12rem;
	color: #43d7a0;
}

body.webrox-guard-stran .varuh-scan-stage {
	margin-top: 4.75rem;
}

body.webrox-guard-stran .varuh-scan-stage .varuh-hero-rezultat {
	gap: 1.35rem 1.65rem;
	box-shadow: 0 10px 28px rgba(2, 8, 18, .14) !important;
}

body.webrox-guard-stran .varuh-rezultat-statistika {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem .6rem;
	margin-top: .5rem;
}

body.webrox-guard-stran .varuh-rezultat-statistika > span {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	min-height: 1.75rem;
	padding: .3rem .5rem;
	border: 1px solid #d8e3ef;
	border-radius: 6px;
	background: #ffffff;
	color: #5e7088;
	font-size: .7rem;
	font-weight: 700;
	line-height: 1.2;
}

body.webrox-guard-stran .varuh-rezultat-statistika b {
	color: var(--wg-ink);
	font-weight: 900;
}

body.webrox-guard-stran .varuh-zivo {
	border: 1px solid #cde9da;
	border-radius: 7px;
}

body.webrox-guard-stran .varuh-zivo span {
	color: #4e6c60;
	font-size: .66rem;
	font-weight: 850;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-rezultat-desno {
	gap: .85rem !important;
}

body.webrox-guard-stran .varuh-scan-meja {
	display: grid;
	grid-template-columns: 2.4rem minmax(0, 1fr);
	align-items: start;
	gap: .7rem;
	padding: .85rem;
	border: 1px solid #d8e3ef;
	border-radius: 7px;
	background: #ffffff;
}

body.webrox-guard-stran .varuh-scan-meja-ikona {
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid #d8e4f2;
	border-radius: 7px;
	color: #59708d;
	background: #f1f5fa;
}

body.webrox-guard-stran .varuh-scan-meja strong {
	display: block;
	margin: .05rem 0 .22rem;
	color: var(--wg-ink);
	font-size: .83rem;
}

body.webrox-guard-stran .varuh-scan-meja p {
	margin: 0;
	color: var(--wg-muted);
	font-size: .75rem;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-priporocilo-akcije {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
	gap: .55rem;
	padding-top: .2rem;
}

body.webrox-guard-stran .varuh-priporocilo-akcije .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.8rem;
	padding: .62rem .7rem;
	font-size: .77rem;
	line-height: 1.25;
	white-space: normal;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div {
	opacity: .55;
	transition: border-color .22s ease, background-color .22s ease, opacity .22s ease;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div > i {
	animation: none;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-active {
	opacity: 1;
	border-top-color: var(--wg-blue);
	background: #f4f8ff;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-active > i {
	color: #ffffff;
	background: var(--wg-blue);
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-active em {
	color: var(--wg-blue);
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-complete {
	opacity: 1;
	border-top-color: #17a574;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-complete > i {
	color: #087c58;
	background: #e8f7f1;
}

body.webrox-guard-stran .varuh-scan-kategorije.is-loading > div.is-complete em {
	color: #087c58;
}

@media (max-width: 991.98px) {
	body.webrox-guard-stran .varuh-scan-stage {
		margin-top: 4.5rem;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-hero-vsebina h1 {
		max-width: none;
		font-size: 2.45rem;
	}

	body.webrox-guard-stran .varuh-hero-eyebrow {
		margin-bottom: .65rem;
		font-size: .72rem;
	}

	body.webrox-guard-stran .varuh-scan-stage {
		margin-top: 4.35rem;
	}

	body.webrox-guard-stran .varuh-scan-stage .varuh-mascot-hero {
		top: -4.65rem;
		width: 4.4rem;
	}

	body.webrox-guard-stran .varuh-rezultat-statistika {
		display: grid;
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-rezultat-statistika > span {
		width: 100%;
	}

	body.webrox-guard-stran .varuh-priporocilo-akcije {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-priporocilo-akcije .btn {
		width: 100%;
	}
}

/* QA pass 2026-07-17: compact app chrome, clear actions and a shorter simple mobile flow. */
body.webrox-guard-stran.webrox-guard-account-app .varuh-account-page-title {
	margin: .22rem 0 0;
	color: #f7fbff;
	font-family: var(--wg-display, inherit);
	font-size: clamp(1.85rem, 3vw, 2.75rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: 0;
}

body.webrox-guard-stran .varuh-app-footer {
	margin-top: 2rem;
	padding: 1rem clamp(1rem, 3vw, 2rem);
	color: #aebdd1;
	background: #101d31;
	border-top: 1px solid #2b405d;
}

body.webrox-guard-stran .varuh-app-footer-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 1.25rem;
	width: min(100%, 1600px);
	margin: 0 auto;
}

body.webrox-guard-stran .varuh-app-footer-brand,
body.webrox-guard-stran .varuh-app-footer-brand img {
	display: block;
}

body.webrox-guard-stran .varuh-app-footer-brand img {
	width: 8.5rem;
	height: 2.35rem;
	object-fit: contain;
	object-position: left center;
}

body.webrox-guard-stran .varuh-app-footer nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .35rem 1.15rem;
	flex-wrap: wrap;
}

body.webrox-guard-stran .varuh-app-footer a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	gap: .45rem;
	color: #dce7f6;
	font-weight: 700;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-app-footer a:hover,
body.webrox-guard-stran .varuh-app-footer a:focus-visible {
	color: #65adff;
}

body.webrox-guard-stran :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid rgba(31, 134, 255, .42);
	outline-offset: 3px;
}

body.webrox-guard-stran .varuh-monitor-viewer > .varuh-fix-bundle {
	margin-top: 1.25rem;
}

/* Product-facing incident case: calm, specific, and consistent with the current app surfaces. */
body.webrox-guard-stran .varuh-security-case {
	background: #f4f8fc;
}

body.webrox-guard-stran .varuh-security-case-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(23rem, .92fr);
	gap: clamp(1.25rem, 3vw, 3.25rem);
	align-items: stretch;
	max-width: none;
	margin: 0 auto;
	padding: clamp(1.25rem, 3vw, 2.75rem);
	background: #ffffff;
	border: 1px solid #d8e5f3;
	border-radius: 8px;
	box-shadow: 0 12px 26px #e2ebf5;
}

body.webrox-guard-stran .varuh-security-case-intro {
	display: grid;
	align-content: center;
	gap: 1rem;
}

body.webrox-guard-stran .varuh-security-case-intro .varuh-oznaka {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	width: max-content;
	margin: 0;
}

body.webrox-guard-stran .varuh-security-case-intro h2 {
	max-width: 20ch;
	margin: 0;
	color: #152238;
	font-size: clamp(2rem, 3vw, 3.25rem);
	line-height: 1.05;
}

body.webrox-guard-stran .varuh-security-case-intro > p:not(.varuh-oznaka) {
	max-width: 62ch;
	margin: 0;
	color: #52647b;
	font-size: 1.03rem;
	line-height: 1.65;
}

body.webrox-guard-stran .varuh-security-case-note {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	gap: .75rem;
	align-items: start;
	max-width: 62ch;
	padding: .85rem 1rem;
	color: #32506f;
	background: #edf6ff;
	border: 1px solid #c8dff5;
	border-left: 3px solid #1677e8;
	border-radius: 7px;
	font-size: .94rem !important;
	line-height: 1.5 !important;
}

body.webrox-guard-stran .varuh-security-case-note > i {
	display: grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	color: #1677e8;
	background: #ffffff;
	border: 1px solid #d8e8f8;
	border-radius: 6px;
}

body.webrox-guard-stran .varuh-security-case-note strong {
	display: block;
	margin-bottom: .1rem;
	color: #172c47;
}

body.webrox-guard-stran .varuh-security-case-intro code {
	padding: .08rem .3rem;
	color: #245d9f;
	background: #edf5ff;
	border-radius: 4px;
}

body.webrox-guard-stran .varuh-security-case-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: .25rem;
}

body.webrox-guard-stran .varuh-security-case-monitor {
	display: grid;
	align-content: start;
	gap: 1rem;
	padding: clamp(1rem, 2vw, 1.45rem);
	color: #e8f1fc;
	background-color: #13243e;
	background-image: linear-gradient(#1b3151 1px, transparent 1px), linear-gradient(90deg, #1b3151 1px, transparent 1px);
	background-size: 2rem 2rem;
	border: 1px solid #294b73;
	border-radius: 8px;
}

body.webrox-guard-stran .varuh-security-case-monitor-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: .85rem;
	border-bottom: 1px solid #35587f;
}

body.webrox-guard-stran .varuh-security-case-monitor-head span,
body.webrox-guard-stran .varuh-security-case-monitor-head strong {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.webrox-guard-stran .varuh-security-case-monitor-head span { color: #a6ccff; }
body.webrox-guard-stran .varuh-security-case-monitor-head strong { color: #77dfc1; }

body.webrox-guard-stran .varuh-security-case-status {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	gap: .75rem;
	padding: .9rem;
	background: #203958;
	border: 1px solid #41658e;
	border-radius: 7px;
}

body.webrox-guard-stran .varuh-security-case-status > i {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	color: #ffc04c;
	background: #4a3a1d;
	border-radius: 6px;
}

body.webrox-guard-stran .varuh-security-case-status strong,
body.webrox-guard-stran .varuh-security-case-status small,
body.webrox-guard-stran .varuh-security-case-monitor li strong,
body.webrox-guard-stran .varuh-security-case-monitor li small {
	display: block;
}

body.webrox-guard-stran .varuh-security-case-status strong,
body.webrox-guard-stran .varuh-security-case-monitor li strong { color: #ffffff; }

body.webrox-guard-stran .varuh-security-case-status small,
body.webrox-guard-stran .varuh-security-case-monitor li small {
	margin-top: .16rem;
	color: #b9cbe0;
	line-height: 1.45;
}

body.webrox-guard-stran .varuh-security-case-monitor ol {
	display: grid;
	gap: .65rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.webrox-guard-stran .varuh-security-case-monitor li {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	gap: .7rem;
	align-items: center;
}

body.webrox-guard-stran .varuh-security-case-monitor li > span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	color: #8cc6ff;
	font-size: .72rem;
	font-weight: 800;
	background: #1d3d61;
	border: 1px solid #386898;
	border-radius: 6px;
}

body.webrox-guard-stran .varuh-security-case-source {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	width: max-content;
	padding-top: .9rem;
	color: #9bcaff;
	font-size: .86rem;
	font-weight: 800;
	text-decoration: none;
	border-top: 1px solid #35587f;
}

body.webrox-guard-stran .varuh-security-case-source:hover,
body.webrox-guard-stran .varuh-security-case-source:focus-visible {
	color: #ffffff;
	text-decoration: underline;
}

/* Keep the free scan focused until there is a real scan state to show. */
body.webrox-guard-stran:not(.varuh-scan-rezultat-aktiven) .varuh-hero-rezultat {
	display: none;
}

body.webrox-guard-stran:not(.varuh-scan-rezultat-aktiven) .varuh-scan-stage {
	min-height: 0;
	margin-top: 1.25rem;
}

body.webrox-guard-stran:not(.varuh-scan-rezultat-aktiven) .varuh-scan-stage .varuh-mascot-hero {
	display: none;
}

body.webrox-guard-stran .varuh-scan-stage .varuh-mascot-hero {
	width: 8.4rem;
}

body.webrox-guard-stran section.varuh-hero.varuh-ozadje-animirano {
	background-color: #13243e;
	background-image: radial-gradient(ellipse 72% 96% at 4% 14%, rgba(4, 14, 29, .6), rgba(4, 14, 29, 0) 70%), linear-gradient(#1b3151 1px, transparent 1px), linear-gradient(90deg, #1b3151 1px, transparent 1px);
	background-size: 155% 145%, 2rem 2rem, 2rem 2rem;
	background-position: 0% 0%, 0 0, 0 0;
	box-shadow: inset 0 -1px #294b73;
}

@keyframes wg-hero-grid-drift {
	0%, 100% { background-position: 0% 0%, 0 0, 0 0; }
	50% { background-position: 100% 78%, 0 0, 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
	body.webrox-guard-stran section.varuh-hero.varuh-ozadje-animirano {
		animation: wg-hero-grid-drift 18s ease-in-out infinite;
	}
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-scan-stage .varuh-mascot-hero {
		width: 4.4rem;
	}
}

body.webrox-guard-stran .varuh-simple-findings-toggle,
body.webrox-guard-stran .varuh-simple-mobile-more > summary,
body.webrox-guard-stran .varuh-mobile-collapsible > summary {
	display: none;
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-security-case-panel {
		grid-template-columns: 1fr;
		gap: 1.1rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-security-case-intro h2 {
		font-size: 2rem;
	}

	body.webrox-guard-stran .varuh-security-case-actions .btn {
		width: 100%;
	}

	body.webrox-guard-stran.webrox-guard-account-app {
		padding-bottom: 4.75rem;
	}

	body.webrox-guard-stran .varuh-app-footer {
		margin-top: 1.25rem;
		padding: 1rem;
	}

	body.webrox-guard-stran .varuh-app-footer-inner {
		grid-template-columns: 1fr;
		justify-items: start;
		gap: .5rem;
	}

	body.webrox-guard-stran .varuh-app-footer nav {
		justify-content: flex-start;
		gap: .15rem 1rem;
	}

	body.webrox-guard-stran .varuh-app-footer-inner > span {
		font-size: .78rem;
	}

	body.webrox-guard-stran .is-site-detail.is-mode-simple .varuh-monitor-areas {
		display: none;
	}

	body.webrox-guard-stran .is-site-detail.is-mode-simple .varuh-monitor-issue-list:not(.is-expanded) > .varuh-monitor-issue:nth-of-type(n+4) {
		display: none;
	}

	body.webrox-guard-stran .varuh-security-center .varuh-security-issue-grid:not(.is-expanded) > article:nth-of-type(n+4) {
		display: none;
	}

	body.webrox-guard-stran .varuh-simple-findings-toggle {
		display: grid;
		grid-template-columns: 2.75rem minmax(0, 1fr) auto;
		align-items: center;
		gap: .75rem;
		width: 100%;
		min-height: 3.75rem;
		margin-top: .75rem;
		padding: .7rem .85rem;
		color: #163052;
		text-align: left;
		background: #f4f8fd;
		border: 1px solid #c9d8e9;
		border-radius: 7px;
	}

	body.webrox-guard-stran .varuh-simple-findings-toggle > i:first-child {
		display: grid;
		place-items: center;
		width: 2.75rem;
		height: 2.75rem;
		color: #1478ff;
		background: #e6f1ff;
		border-radius: 6px;
	}

	body.webrox-guard-stran .varuh-simple-findings-toggle span,
	body.webrox-guard-stran .varuh-simple-findings-toggle strong,
	body.webrox-guard-stran .varuh-simple-findings-toggle small {
		display: block;
	}

	body.webrox-guard-stran .varuh-simple-findings-toggle small {
		margin-top: .15rem;
		color: #6d7f98;
	}

	body.webrox-guard-stran .varuh-simple-findings-toggle.is-expanded > i:last-child {
		transform: rotate(180deg);
	}

	body.webrox-guard-stran .varuh-simple-mobile-more,
	body.webrox-guard-stran .varuh-mobile-collapsible {
		margin-top: 1rem;
		background: #f8fbfe;
		border: 1px solid #c9d8e9;
		border-radius: 7px;
		overflow: clip;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 4rem;
		gap: .75rem;
		padding: .75rem .85rem;
		list-style: none;
		cursor: pointer;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary::-webkit-details-marker,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary::-webkit-details-marker {
		display: none;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary > span,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary > span {
		display: flex;
		align-items: center;
		gap: .75rem;
		min-width: 0;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary > span > i,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary > span > i {
		display: grid;
		place-items: center;
		width: 2.75rem;
		height: 2.75rem;
		color: #1478ff;
		background: #e6f1ff;
		border-radius: 6px;
		flex: 0 0 auto;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary strong,
	body.webrox-guard-stran .varuh-simple-mobile-more > summary small,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary strong,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary small {
		display: block;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more > summary small,
	body.webrox-guard-stran .varuh-mobile-collapsible > summary small {
		margin-top: .15rem;
		color: #6d7f98;
		font-size: .76rem;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more[open] > summary > i:last-child,
	body.webrox-guard-stran .varuh-mobile-collapsible[open] > summary > i:last-child {
		transform: rotate(180deg);
	}

	body.webrox-guard-stran .varuh-simple-mobile-more-content,
	body.webrox-guard-stran .varuh-mobile-collapsible-content {
		display: grid;
		gap: .8rem;
		padding: 0 .75rem .75rem;
		border-top: 1px solid #d9e3ef;
	}

	body.webrox-guard-stran .varuh-simple-mobile-more-content > section {
		margin: .75rem 0 0;
	}

	body.webrox-guard-stran .varuh-security-mobile-more .varuh-security-coverage-grid {
		grid-template-columns: 1fr;
	}

	body.webrox-guard-stran .varuh-security-mobile-more .varuh-security-coverage-v2,
	body.webrox-guard-stran .varuh-security-mobile-more .varuh-security-change-watch {
		padding: .8rem 0 0;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	body.webrox-guard-stran .varuh-mobile-collapsible-content > :where(section, aside) {
		width: 100%;
		margin: .75rem 0 0;
	}

	body.webrox-guard-stran .varuh-mobile-setup-details > .varuh-mobile-collapsible-content {
		padding: 0;
	}

	body.webrox-guard-stran .varuh-mobile-setup-details > .varuh-mobile-collapsible-content > :where(section, aside) {
		border: 0;
		border-radius: 0;
	}

	body.webrox-guard-stran .varuh-mobile-site-action,
	body.webrox-guard-stran .varuh-mobile-setup-action {
		position: fixed;
		z-index: 999;
		left: .75rem;
		right: .75rem;
		bottom: .75rem;
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		min-height: 3.5rem;
		gap: .7rem;
		padding: .7rem 1rem;
		color: #fff;
		font-weight: 800;
		text-decoration: none;
		background: #1478ff;
		border: 1px solid #4a9bff;
		border-radius: 7px;
		box-shadow: 0 8px 22px rgba(13, 42, 82, .2);
	}

	body.webrox-guard-stran .varuh-mobile-setup-action {
		grid-template-columns: auto 1fr;
		font: inherit;
		text-align: left;
	}

	body.webrox-guard-stran .varuh-mobile-site-action:hover,
	body.webrox-guard-stran .varuh-mobile-site-action:focus-visible,
	body.webrox-guard-stran .varuh-mobile-setup-action:hover,
	body.webrox-guard-stran .varuh-mobile-setup-action:focus-visible {
		color: #fff;
		background: #0869e5;
	}

	body.webrox-guard-stran :where(.varuh-account-help-button, .varuh-monitor-view-switch button, .varuh-ledger-filters button, .varuh-monitor-area-grid button, .varuh-account-header button, .varuh-account-header a) {
		min-width: 44px;
		min-height: 44px;
	}
}

/* Cross-product path: Webrox Guard + Webrox Strani */
body.webrox-guard-stran .varuh-strani-pricing-note {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	margin: 0 0 28px;
	padding: 18px 20px;
	border: 1px solid #bed8ff;
	border-radius: 18px;
	background: #f5f9ff;
	color: #0b2342;
}

body.webrox-guard-stran .varuh-strani-pricing-note-icon {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 13px;
	background: #0d6efd;
	color: #fff;
	font-size: 18px;
}

body.webrox-guard-stran .varuh-strani-pricing-note > span:nth-child(2) {
	display: grid;
	gap: 3px;
}

body.webrox-guard-stran .varuh-strani-pricing-note strong,
body.webrox-guard-stran .varuh-strani-pricing-note small {
	display: block;
}

body.webrox-guard-stran .varuh-strani-pricing-note small {
	color: #526780;
	font-size: 14px;
	line-height: 1.5;
}

body.webrox-guard-stran .varuh-strani-pricing-note > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #075fd8;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

body.webrox-guard-stran .varuh-strani-pricing-note > a:hover,
body.webrox-guard-stran .varuh-strani-pricing-note > a:focus-visible {
	color: #0b2342;
}

body.webrox-guard-stran .varuh-package-strani {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	margin: 4px 0 18px;
	padding: 12px 13px;
	border: 1px solid #d6e4f7;
	border-radius: 13px;
	background: #f8fbff;
	color: #0b2342;
	text-decoration: none;
}

body.webrox-guard-stran .varuh-package-strani > i:first-child {
	color: #0d6efd;
}

body.webrox-guard-stran .varuh-package-strani > i:last-child {
	color: #7690ad;
	font-size: 12px;
}

body.webrox-guard-stran .varuh-package-strani span {
	display: grid;
	gap: 1px;
}

body.webrox-guard-stran .varuh-package-strani strong {
	font-size: 12px;
	line-height: 1.35;
}

body.webrox-guard-stran .varuh-package-strani small {
	color: #6c7e93;
	font-size: 11px;
}

body.webrox-guard-stran .varuh-package-strani:hover,
body.webrox-guard-stran .varuh-package-strani:focus-visible {
	border-color: #72aaff;
	background: #eef6ff;
	color: #075fd8;
	transform: translateY(-1px);
}

@media (max-width: 767.98px) {
	body.webrox-guard-stran .varuh-strani-pricing-note {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
		padding: 16px;
	}

	body.webrox-guard-stran .varuh-strani-pricing-note > a {
		grid-column: 1 / -1;
		justify-content: center;
		padding-top: 5px;
		white-space: normal;
	}
}