/* /Pages/Builds/ServerList.razor.rz.scp.css */
.server-content[b-wijjcjwc1k] {
	min-width: 0;
}

.server-actions-toolbar[b-wijjcjwc1k] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .75rem;
	padding: .65rem .875rem;
	border: 1px solid var(--rz-grid-cell-border-color);
	border-radius: 12px;
	background:
		linear-gradient(110deg, color-mix(in srgb, var(--rz-primary) 8%, transparent), transparent 38%),
		var(--rz-card-background-color, var(--rz-base-background-color));
	box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--rz-text-color) 6%, transparent);
}

.server-actions-summary[b-wijjcjwc1k] {
	display: grid;
	gap: .1rem;
}

.server-actions-title[b-wijjcjwc1k] {
	display: flex;
	align-items: center;
	gap: .4rem;
	font-size: .9rem;
	font-weight: 700;
}

.server-actions-title[b-wijjcjwc1k]  .rzi {
	color: var(--rz-primary);
	font-size: 1.1rem;
}

.server-actions-description[b-wijjcjwc1k] {
	color: var(--rz-text-secondary-color);
	font-size: .8rem;
}

.server-actions[b-wijjcjwc1k] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
}

.server-actions[b-wijjcjwc1k]  .rz-button {
	margin: 0 !important;
	border-radius: 999px;
}

.server-table-labels[b-wijjcjwc1k] {
	display: grid;
	grid-template-columns: var(--server-table-columns);
	align-items: center;
	column-gap: 1rem;
	padding: .55rem .875rem;
	border-bottom: 1px solid var(--rz-grid-cell-border-color);
	background: color-mix(in srgb, var(--rz-text-color) 2.5%, transparent);
	color: var(--rz-text-secondary-color);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.server-table[b-wijjcjwc1k] {
	--server-table-columns: minmax(15rem, 2.25fr) minmax(6rem, .9fr) minmax(7rem, .95fr) minmax(6rem, .8fr) minmax(10rem, 1.3fr) 2.75rem;

	overflow: visible;
	border: 1px solid var(--rz-grid-cell-border-color);
	border-radius: 12px;
	background: var(--rz-card-background-color, var(--rz-base-background-color));
	box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--rz-text-color) 6%, transparent);
}

.server-table-labels[b-wijjcjwc1k] {
	border-radius: 11px 11px 0 0;
}

.server-group-card:last-child[b-wijjcjwc1k]  .server-instance-row:last-child {
	border-radius: 0 0 11px 11px;
}

.server-group-card[b-wijjcjwc1k] {
	border-top: 1px solid var(--rz-grid-cell-border-color);
}

.server-group-card:first-of-type[b-wijjcjwc1k] {
	border-top: 0;
}

.server-history-card[b-wijjcjwc1k] {
	padding: 1rem;
	border: 1px solid var(--rz-grid-cell-border-color);
	border-radius: 12px;
	background: var(--rz-card-background-color, var(--rz-base-background-color));
	box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--rz-text-color) 6%, transparent);
}

.server-history-section[b-wijjcjwc1k] {
	margin-top: 1.35rem;
}

.server-history-heading[b-wijjcjwc1k] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .55rem;
}

.server-history-title[b-wijjcjwc1k] {
	display: flex;
	align-items: center;
	gap: .7rem;
}

.server-history-icon[b-wijjcjwc1k] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 10px;
	background: color-mix(in srgb, var(--rz-primary) 12%, transparent);
	color: var(--rz-primary);
}

.server-history-heading h2[b-wijjcjwc1k],
.server-history-heading p[b-wijjcjwc1k] {
	margin: 0;
}

.server-history-heading h2[b-wijjcjwc1k] {
	font-size: 1.05rem;
	font-weight: 700;
}

.server-history-heading p[b-wijjcjwc1k] {
	margin-top: .2rem;
	color: var(--rz-text-secondary-color);
	font-size: .85rem;
}

@media (max-width: 899.98px) {
	.server-table-labels[b-wijjcjwc1k] {
		display: none;
	}

	.server-table[b-wijjcjwc1k] {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.server-group-card[b-wijjcjwc1k] {
		overflow: visible;
		margin-bottom: .65rem;
		border: 1px solid var(--rz-grid-cell-border-color);
		border-radius: 12px;
		background: var(--rz-card-background-color, var(--rz-base-background-color));
		box-shadow: 0 .3rem .8rem color-mix(in srgb, var(--rz-text-color) 6%, transparent);
	}

	.server-group-card:first-of-type[b-wijjcjwc1k] {
		border-top: 1px solid var(--rz-grid-cell-border-color);
	}

	.server-group-card[b-wijjcjwc1k]  .server-group-row {
		border-radius: 11px 11px 0 0;
	}

	.server-group-card[b-wijjcjwc1k]  .server-instance-row:last-child {
		border-radius: 0 0 11px 11px;
	}

	.server-actions-toolbar[b-wijjcjwc1k] {
		align-items: flex-start;
		flex-direction: column;
	}

	.server-actions[b-wijjcjwc1k] {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.server-actions[b-wijjcjwc1k]  .rz-button {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.server-actions-toolbar[b-wijjcjwc1k] {
		padding: .7rem;
	}

	.server-actions[b-wijjcjwc1k] {
		grid-template-columns: 1fr;
	}

	.server-history-card[b-wijjcjwc1k] {
		padding: .75rem;
	}
}
/* /Pages/Index.razor.rz.scp.css */
/* Idle "orbiting scout ship" animation for the WebAdmin home page. Purely CSS/SVG - no JS.
   Orbit motion uses the classic rotating-pivot trick: a full-size pivot div spins via
   `transform: rotate()`, and the slot inside it sits at a fixed offset from the pivot's
   center (e.g. `top: 2%`). Rotating the pivot sweeps the slot around in a circle "for free".
   The slot itself carries a static +/-90deg rotation so the ship's nose stays tangent to the
   orbit (pointing the direction of travel) throughout the sweep. */

.sc-orbit-hero[b-7uvon1tggq] {
	display: flex;
	justify-content: center;
	padding: 24px 0 8px;
}

.sc-orbit-scene[b-7uvon1tggq] {
	position: relative;
	width: min(440px, 88vw);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 45%, #131b2e 0%, #0a0f1c 55%, #05070d 100%);
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--rz-base-400, #adb5bd) 35%, transparent),
		0 18px 44px rgba(0, 0, 0, 0.35);
}

/* ---------- Starfield ---------- */

.sc-orbit-starfield[b-7uvon1tggq] {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 50%;
}

.sc-star[b-7uvon1tggq] {
	position: absolute;
	border-radius: 50%;
	background-color: #f4f8ff;
	box-shadow: 0 0 4px 1px rgba(214, 228, 255, 0.6);
	animation-name: sc-twinkle-b-7uvon1tggq;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.sc-shooting-star[b-7uvon1tggq] {
	position: absolute;
	top: 14%;
	left: -12%;
	width: 90px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, var(--rz-info, #0dcaf0) 65%, #ffffff);
	opacity: 0;
	transform: rotate(20deg);
	animation: sc-shooting-star-b-7uvon1tggq 10s linear infinite;
}

.sc-shooting-star--two[b-7uvon1tggq] {
	top: 68%;
	animation-delay: 5s;
}

/* ---------- Orbit guides & core ---------- */

.sc-orbit-ring[b-7uvon1tggq] {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.16);
}

.sc-orbit-ring--outer[b-7uvon1tggq] {
	inset: 2%;
}

.sc-orbit-ring--inner[b-7uvon1tggq] {
	inset: 24%;
	border-style: dashed;
}

.sc-orbit-core[b-7uvon1tggq] {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16%;
	height: 16%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(
		circle,
		var(--rz-info, #0dcaf0) 0%,
		color-mix(in srgb, var(--rz-primary, #4b7bec) 70%, transparent) 45%,
		transparent 75%);
	animation: sc-core-pulse-b-7uvon1tggq 3.6s ease-in-out infinite;
}

/* ---------- Orbits ---------- */

.sc-orbit-pivot[b-7uvon1tggq] {
	position: absolute;
	inset: 0;
}

.sc-orbit-pivot--outer[b-7uvon1tggq] {
	animation: sc-orbit-spin-b-7uvon1tggq 18s linear infinite;
}

.sc-orbit-pivot--inner[b-7uvon1tggq] {
	animation: sc-orbit-spin-b-7uvon1tggq 9s linear infinite reverse;
}

.sc-orbit-slot[b-7uvon1tggq] {
	position: absolute;
	left: 50%;
}

.sc-orbit-slot--outer[b-7uvon1tggq] {
	top: 2%;
	transform: translate(-50%, -50%) rotate(90deg);
}

.sc-orbit-slot--inner[b-7uvon1tggq] {
	top: 24%;
	transform: translate(-50%, -50%);
}

/* ---------- Ship (outer orbit) ---------- */

.sc-ship[b-7uvon1tggq] {
	display: block;
	filter: drop-shadow(0 0 6px color-mix(in srgb, var(--rz-primary, #4b7bec) 60%, transparent));
	animation: sc-ship-bob-b-7uvon1tggq 2.4s ease-in-out infinite;
}

.sc-ship-body[b-7uvon1tggq] {
	fill: var(--rz-primary, #4b7bec);
}

.sc-ship-wing[b-7uvon1tggq] {
	fill: var(--rz-primary-dark, #375a7f);
}

.sc-ship-cockpit[b-7uvon1tggq] {
	fill: var(--rz-info, #0dcaf0);
}

.sc-ship-trail[b-7uvon1tggq] {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 6px;
	height: 24px;
	transform: translateX(-50%);
	background: linear-gradient(to top, transparent, var(--rz-warning, #ffc107));
	border-radius: 50%;
	opacity: 0.75;
	filter: blur(2px);
	animation: sc-trail-pulse-b-7uvon1tggq 1.4s ease-in-out infinite;
}

/* ---------- Probe (inner orbit) ---------- */

.sc-probe[b-7uvon1tggq] {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	background: var(--rz-success, #2dce89);
	box-shadow: 0 0 8px 2px color-mix(in srgb, var(--rz-success, #2dce89) 70%, transparent);
	transform: rotate(45deg);
	animation: sc-probe-blink-b-7uvon1tggq 2s ease-in-out infinite;
}

/* ========================================= */
/* KEYFRAMES */
/* ========================================= */

@keyframes sc-twinkle-b-7uvon1tggq {
	0% {
		opacity: 0.25;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1.15);
	}
}

@keyframes sc-shooting-star-b-7uvon1tggq {
	0%, 8% {
		opacity: 0;
		transform: rotate(20deg) translateX(0);
	}
	10% {
		opacity: 1;
	}
	24% {
		opacity: 0;
		transform: rotate(20deg) translateX(340px);
	}
	100% {
		opacity: 0;
		transform: rotate(20deg) translateX(340px);
	}
}

@keyframes sc-orbit-spin-b-7uvon1tggq {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes sc-core-pulse-b-7uvon1tggq {
	0%, 100% {
		opacity: 0.75;
		transform: translate(-50%, -50%) scale(0.92);
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.05);
	}
}

@keyframes sc-ship-bob-b-7uvon1tggq {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-3px);
	}
}

@keyframes sc-trail-pulse-b-7uvon1tggq {
	0%, 100% {
		opacity: 0.55;
		transform: translateX(-50%) scaleY(0.85);
	}
	50% {
		opacity: 0.9;
		transform: translateX(-50%) scaleY(1.1);
	}
}

@keyframes sc-probe-blink-b-7uvon1tggq {
	0%, 100% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
}

/* ========================================= */
/* ACCESSIBILITY */
/* ========================================= */
@media (prefers-reduced-motion: reduce) {
	.sc-star[b-7uvon1tggq],
	.sc-shooting-star[b-7uvon1tggq],
	.sc-orbit-pivot[b-7uvon1tggq],
	.sc-ship[b-7uvon1tggq],
	.sc-ship-trail[b-7uvon1tggq],
	.sc-probe[b-7uvon1tggq],
	.sc-orbit-core[b-7uvon1tggq] {
		animation: none !important;
	}

	.sc-star[b-7uvon1tggq] {
		opacity: 0.7;
	}

	.sc-shooting-star[b-7uvon1tggq] {
		opacity: 0;
	}
}
/* /Pages/Live/LiveView.razor.rz.scp.css */
/* KPI strip: auto-fitting cards so the row reflows on narrow screens instead of
   scrolling horizontally or squashing the numbers.

   The label/value/caption rules deliberately target plain elements rather than Radzen
   components: Blazor scoped CSS only stamps its scope attribute onto elements written in
   this file, so a class placed on a child component would never match. */

.sc-live-kpis[b-wwwxy2rn35] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
	margin-bottom: 4px;
}

.sc-live-kpi-label[b-wwwxy2rn35] {
	color: var(--rz-text-tertiary-color);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.sc-live-kpi-value[b-wwwxy2rn35] {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}

.sc-live-kpi-caption[b-wwwxy2rn35] {
	color: var(--rz-text-secondary-color);
	font-size: 0.75rem;
}
/* /Shared/Components/Reusable/ScNotificationCenter.razor.rz.scp.css */
.sc-notification-bell[b-iw0ot1m9pq] {
	position: relative;
	/* Derive from the surrounding text color so it blends with any navbar/theme color. */
	color: inherit;
	background-color: color-mix(in srgb, currentColor 18%, transparent);
	transition: background-color 0.1s ease-out;
}

.sc-notification-bell:hover[b-iw0ot1m9pq] {
	background-color: color-mix(in srgb, currentColor 30%, transparent);
}

.sc-notification-badge[b-iw0ot1m9pq] {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 9px;
	background-color: var(--rz-danger);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
}

.sc-notification-overlay[b-iw0ot1m9pq] {
	position: fixed;
	inset: 0;
	z-index: 1049;
	background: transparent;
}

.sc-notification-panel[b-iw0ot1m9pq] {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 380px;
	max-width: 90vw;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	background-color: var(--rz-base-background-color);
	border-left: var(--rz-border-normal);
	box-shadow: -4px 0 16px rgba(0, 0, 0, 0.25);
	animation: sc-notification-slide-in-b-iw0ot1m9pq 0.15s ease-out;
}

@keyframes sc-notification-slide-in-b-iw0ot1m9pq {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(0);
	}
}

.sc-notification-header[b-iw0ot1m9pq] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	border-bottom: var(--rz-border-normal);
}

.sc-notification-list[b-iw0ot1m9pq] {
	flex: 1;
	overflow-y: auto;
}

.sc-notification-empty[b-iw0ot1m9pq] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 3rem 1rem;
}

.sc-notification-item[b-iw0ot1m9pq] {
	display: flex;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	border-bottom: var(--rz-border-normal);
}

.sc-notification-unread[b-iw0ot1m9pq] {
	background-color: var(--rz-info-lighter, rgba(66, 133, 244, 0.08));
}

.sc-notification-body[b-iw0ot1m9pq] {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.sc-notification-summary[b-iw0ot1m9pq] {
	font-weight: 600;
	color: var(--rz-text-color);
	overflow-wrap: break-word;
}

.sc-notification-detail[b-iw0ot1m9pq] {
	font-size: 0.85rem;
	color: var(--rz-text-secondary-color);
	overflow-wrap: break-word;
}

.sc-notification-time[b-iw0ot1m9pq] {
	font-size: 0.75rem;
	color: var(--rz-text-disabled-color);
}

.sc-notification-tags[b-iw0ot1m9pq] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin-top: 0.1rem;
}

.sc-notification-page[b-iw0ot1m9pq] {
	color: var(--rz-info, var(--rz-text-secondary-color));
	text-decoration: none;
	overflow-wrap: anywhere;
}

.sc-notification-page:hover[b-iw0ot1m9pq] {
	text-decoration: underline;
}
/* /Shared/Components/Reusable/ScPageHeader.razor.rz.scp.css */
.sc-page-header[b-qe1jcd202p] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rz-border-color, rgba(128, 128, 128, 0.2));
}

.sc-page-header[b-qe1jcd202p]  .sc-page-header-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.sc-page-header[b-qe1jcd202p]  .sc-page-header-description {
    margin: 0.25rem 0 0;
    color: var(--rz-text-secondary-color);
}

.sc-page-header-actions[b-qe1jcd202p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .sc-page-header[b-qe1jcd202p] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Shared/Components/Reusable/ScSkeleton.razor.rz.scp.css */
.sc-skeleton[b-1fttl1opek] {
	display: inline-block;
	flex-shrink: 0;
	background: linear-gradient(
		90deg,
		var(--rz-base-200, #e4e7eb) 25%,
		var(--rz-base-300, #d2d6dc) 37%,
		var(--rz-base-200, #e4e7eb) 63%);
	background-size: 400% 100%;
	animation: sc-skeleton-shimmer-b-1fttl1opek 1.4s ease infinite;
}

.sc-skeleton-text[b-1fttl1opek] {
	border-radius: 0.25rem;
}

.sc-skeleton-rect[b-1fttl1opek] {
	border-radius: var(--rz-border-radius, 0.375rem);
}

.sc-skeleton-circle[b-1fttl1opek] {
	border-radius: 50%;
}

@keyframes sc-skeleton-shimmer-b-1fttl1opek {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sc-skeleton[b-1fttl1opek] {
		animation: none;
		background: var(--rz-base-200, #e4e7eb);
	}
}
/* /Shared/Components/Reusable/ScSkeletonForm.razor.rz.scp.css */
.sc-skeleton-form[b-iy47f2l90j] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 40rem;
}

.sc-skeleton-form-field[b-iy47f2l90j] {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
/* /Shared/Components/Reusable/ScSkeletonGrid.razor.rz.scp.css */
.sc-skeleton-grid[b-jajedo2do6] {
	border: 1px solid var(--rz-base-300, #d2d6dc);
	border-radius: var(--rz-border-radius, 0.375rem);
	overflow: hidden;
}

.sc-skeleton-grid-borderless[b-jajedo2do6] {
	border: none;
	border-radius: 0;
	width: 100%;
}

.sc-skeleton-grid-row[b-jajedo2do6] {
	display: grid;
	gap: 1rem;
	align-items: center;
	padding: 0.65rem 1rem;
}

.sc-skeleton-grid-row + .sc-skeleton-grid-row[b-jajedo2do6] {
	border-top: 1px solid var(--rz-base-200, #e4e7eb);
}

.sc-skeleton-grid-header[b-jajedo2do6] {
	background: var(--rz-base-100, #f3f4f6);
	border-bottom: 1px solid var(--rz-base-300, #d2d6dc);
}
/* /Shared/Components/Reusable/ScStaleDataBanner.razor.rz.scp.css */
.sc-stale-banner[b-72o6ihxv21] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background-color: rgba(255, 193, 7, 0.1);
	border: 1px solid rgba(255, 193, 7, 0.3);
	border-radius: 6px;
	margin-bottom: 12px;
}

.sc-stale-banner-text[b-72o6ihxv21] {
	flex-grow: 1;
	font-size: 0.9rem;
	color: #ff8f00;
	font-weight: 500;
}
/* /Shared/Components/Reusable/ScUserTag.razor.rz.scp.css */
.sc-user-tag[b-o5nxcuqs0u] {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	max-width: 100%;
	padding: 0 0.45rem;
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--rz-info) 14%, transparent);
	color: var(--rz-info) !important;
	font-size: 0.8rem;
	line-height: 1.4rem;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.sc-user-tag:hover[b-o5nxcuqs0u] {
	background-color: color-mix(in srgb, var(--rz-info) 26%, transparent);
	text-decoration: none;
}

.sc-user-tag[b-o5nxcuqs0u]  .sc-user-tag-icon {
	font-size: 0.9rem;
	color: inherit !important;
}

.sc-user-tag-name[b-o5nxcuqs0u] {
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit !important;
}
/* /Shared/Components/Server/ServerActions.razor.rz.scp.css */
.server-actions-menu[b-7onmc5ve9l] {
	display: inline-flex;
	position: relative;
	z-index: 1;
}

.server-actions-menu[b-7onmc5ve9l]  > .rz-menu {
	display: flex;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.125rem;
	min-width: 2.125rem;
	height: 2.125rem;
	min-height: 2.125rem;
	margin: 0;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--rz-text-color) 18%, transparent);
	border-radius: 50%;
	background: color-mix(in srgb, var(--rz-text-color) 5%, transparent);
	color: var(--rz-text-secondary-color);
	box-shadow: none;
	transition:
		border-color .15s ease,
		background-color .15s ease,
		color .15s ease,
		box-shadow .15s ease;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger > .rz-navigation-item-wrapper,
.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger > .rz-navigation-item-wrapper > .rz-navigation-item-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent !important;
	box-shadow: none !important;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger > .rz-navigation-item-wrapper > .rz-navigation-item-link > .rz-navigation-item-text {
	display: none;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger > .rz-navigation-item-wrapper > .rz-navigation-item-link > .rz-navigation-item-icon {
	margin: 0;
	color: inherit;
	font-size: 1.25rem;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger:hover,
.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger:focus-within {
	border-color: color-mix(in srgb, var(--rz-primary) 60%, transparent);
	background: color-mix(in srgb, var(--rz-primary) 12%, transparent);
	color: var(--rz-primary);
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger:focus-within {
	outline: none;
}

.server-actions-menu[b-7onmc5ve9l]  .server-actions-trigger:has(.rz-navigation-menu.rz-open) {
	border-color: var(--rz-primary);
	background: color-mix(in srgb, var(--rz-primary) 18%, transparent);
	color: var(--rz-primary);
}

.server-actions-menu:has(.rz-navigation-menu.rz-open)[b-7onmc5ve9l] {
	z-index: 1001;
}

.server-actions-menu[b-7onmc5ve9l]  .rz-navigation-item-icon-children {
	display: none;
}

.server-actions-menu[b-7onmc5ve9l]  .rz-navigation-menu {
	top: calc(100% + .25rem) !important;
	right: 0 !important;
	bottom: auto !important;
	left: auto !important;
	min-width: 13rem;
	padding: .35rem;
	border: 1px solid var(--rz-grid-cell-border-color);
	border-radius: var(--rz-border-radius);
	background: var(--rz-card-background-color, var(--rz-base-background-color)) !important;
	box-shadow: 0 .75rem 1.75rem color-mix(in srgb, #000 28%, transparent);
	z-index: 1000 !important;
}

.server-actions-menu[b-7onmc5ve9l]  .rz-navigation-menu .rz-navigation-item-wrapper,
.server-actions-menu[b-7onmc5ve9l]  .rz-navigation-menu .rz-navigation-item-link {
	border-radius: calc(var(--rz-border-radius) - 2px);
	color: var(--rz-text-color) !important;
	opacity: 1;
}

.server-actions-menu[b-7onmc5ve9l]  .rz-navigation-menu .rz-navigation-item-wrapper:hover {
	background: color-mix(in srgb, var(--rz-primary) 10%, transparent);
}
/* /Shared/Components/Server/ServerConnectionsChart.razor.rz.scp.css */
.server-chart-controls[b-pf5094z2ns] {
	margin-bottom: .75rem;
}

@media (max-width: 560px) {
	.server-chart-controls[b-pf5094z2ns] {
		justify-content: stretch !important;
	}

	.server-chart-controls[b-pf5094z2ns]  .rz-selectbar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}
}
/* /Shared/Components/Server/ServerListRow.razor.rz.scp.css */
.server-group-row[b-9cpezegtv3],
.server-instance-row[b-9cpezegtv3] {
	display: grid;
	grid-template-columns: var(--server-table-columns);
	align-items: center;
	column-gap: 1rem;
}

.server-group-row[b-9cpezegtv3] {
	padding: .55rem .875rem;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--rz-primary) 9%, transparent), transparent 28%),
		color-mix(in srgb, var(--rz-text-color) 3.5%, transparent);
	box-shadow: inset .2rem 0 0 var(--rz-primary);
}

.server-group-heading[b-9cpezegtv3] {
	grid-column: span 2;
	display: flex;
	align-items: center;
	gap: .5rem;
	min-width: 0;
}

.server-group-icon[b-9cpezegtv3] {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 8px;
	background: color-mix(in srgb, var(--rz-primary) 14%, transparent);
	color: var(--rz-primary);
}

.server-group-copy[b-9cpezegtv3] {
	min-width: 0;
}

.server-group-name[b-9cpezegtv3] {
	display: block;
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.server-group-meta[b-9cpezegtv3] {
	display: block;
	margin-top: .05rem;
	color: var(--rz-text-secondary-color);
	font-size: .75rem;
}

.server-group-players[b-9cpezegtv3] {
	grid-column: 3;
	display: flex;
	align-items: center;
}

.server-instance-row[b-9cpezegtv3] {
	min-height: 3.35rem;
	padding: .45rem .875rem;
	border-top: 1px solid var(--rz-grid-cell-border-color);
	transition: background-color .15s ease;
}

.server-instance-row:hover[b-9cpezegtv3] {
	background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.server-instance-name[b-9cpezegtv3] {
	min-width: 0;
	overflow: hidden;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
	font-size: .88rem;
}

.server-instance-version[b-9cpezegtv3],
.server-instance-feature-locks[b-9cpezegtv3] {
	color: var(--rz-text-secondary-color);
	font-size: .85rem;
}

.server-instance-feature-locks[b-9cpezegtv3] {
	display: flex;
	align-items: center;
	gap: .35rem;
}

.server-instance-feature-locks[b-9cpezegtv3]  .rzi {
	color: var(--rz-text-secondary-color);
	font-size: 1rem;
}

.server-instance-users[b-9cpezegtv3] {
	display: flex;
	align-items: center;
}

.server-row-actions[b-9cpezegtv3] {
	display: flex;
	justify-content: flex-end;
}

.server-status[b-9cpezegtv3] {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: .35rem;
	padding: .22rem .52rem;
	border-radius: 1rem;
	font-size: .75rem;
	font-weight: 700;
}

.server-status[b-9cpezegtv3]::before {
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

.server-status-up[b-9cpezegtv3] {
	background-color: color-mix(in srgb, var(--rz-success) 25%, transparent);
	color: var(--rz-success);
}

.server-group-row .server-row-actions[b-9cpezegtv3] {
	grid-column: 6;
}

.server-status-down[b-9cpezegtv3] {
	background-color: color-mix(in srgb, var(--rz-danger) 25%, transparent);
	color: var(--rz-danger);
}

.server-status-warning[b-9cpezegtv3] {
	background-color: color-mix(in srgb, var(--rz-warning) 25%, transparent);
	color: var(--rz-warning);
}

.server-status-unknown[b-9cpezegtv3] {
	background-color: var(--rz-base-500);
	color: var(--rz-text-secondary-color);
}

@media (max-width: 899.98px) {
	.server-group-row[b-9cpezegtv3] {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"heading actions"
			"players players";
		gap: .5rem;
		padding: .7rem;
	}

	.server-group-heading[b-9cpezegtv3] {
		grid-area: heading;
		grid-column: auto;
	}

	.server-group-players[b-9cpezegtv3] {
		grid-area: players;
		grid-column: auto;
		display: grid;
		grid-template-columns: 6.5rem 1fr;
		align-items: center;
		padding-top: .45rem;
		border-top: 1px solid var(--rz-grid-cell-border-color);
	}

	.server-group-players[b-9cpezegtv3]::before,
	.server-instance-version[b-9cpezegtv3]::before,
	.server-instance-users[b-9cpezegtv3]::before,
	.server-instance-status[b-9cpezegtv3]::before,
	.server-instance-feature-locks[b-9cpezegtv3]::before {
		color: var(--rz-text-secondary-color);
		font-size: .68rem;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		content: attr(data-label);
	}

	.server-instance-row[b-9cpezegtv3] {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"name actions"
			"version version"
			"players players"
			"status status"
			"locks locks";
		gap: .5rem .875rem;
		min-height: 0;
		padding: .7rem;
	}

	.server-instance-name[b-9cpezegtv3] {
		grid-area: name;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.server-instance-version[b-9cpezegtv3] {
		grid-area: version;
	}

	.server-instance-users[b-9cpezegtv3] {
		grid-area: players;
	}

	.server-instance-status[b-9cpezegtv3] {
		grid-area: status;
	}

	.server-instance-feature-locks[b-9cpezegtv3] {
		grid-area: locks;
	}

	.server-instance-version[b-9cpezegtv3],
	.server-instance-users[b-9cpezegtv3],
	.server-instance-status[b-9cpezegtv3],
	.server-instance-feature-locks[b-9cpezegtv3] {
		display: grid;
		grid-template-columns: 6.5rem minmax(0, 1fr);
		align-items: center;
		gap: .5rem;
	}

	.server-instance-users[b-9cpezegtv3]  .rz-button,
	.server-group-players[b-9cpezegtv3]  .rz-button {
		justify-self: start;
		width: auto;
	}

	.server-instance-feature-locks[b-9cpezegtv3] {
		grid-template-columns: 6.5rem auto minmax(0, 1fr);
	}

	.server-row-actions[b-9cpezegtv3] {
		grid-area: actions;
		align-self: start;
	}
}

@media (max-width: 560px) {
	.server-group-heading[b-9cpezegtv3] {
		align-items: flex-start;
	}

	.server-group-icon[b-9cpezegtv3] {
		width: 1.65rem;
		height: 1.65rem;
	}

	.server-instance-version[b-9cpezegtv3],
	.server-instance-users[b-9cpezegtv3],
	.server-instance-status[b-9cpezegtv3],
	.server-instance-feature-locks[b-9cpezegtv3],
	.server-group-players[b-9cpezegtv3] {
		grid-template-columns: 5.75rem minmax(0, 1fr);
	}

	.server-instance-feature-locks[b-9cpezegtv3] {
		grid-template-columns: 5.75rem auto minmax(0, 1fr);
	}
}
/* /Shared/Components/Store/DynamicOfferCardAlt.razor.rz.scp.css */
.hover-highlight:hover[b-oycdvgle37] {
    background: rgba(128, 128, 128, 0.15);
}