/**
 * OpsMind Live Stats — glassmorphism social-proof bar.
 */
.opsmind-live-wrap {
	width: 100%;
	direction: rtl;
	font-family: Tajawal, "Segoe UI", sans-serif;
}

.opsmind-live {
	position: relative;
	background: rgba(255, 255, 255, 0.14);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 22px;
	box-shadow: 0 20px 50px rgba(11, 31, 58, 0.25);
	padding: 22px 26px;
	box-sizing: border-box;
}

/* Header: LIVE badge + title */
.opsmind-live__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.opsmind-live__badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #22c55e;
	color: #fff;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 5px 12px;
	border-radius: 999px;
	line-height: 1;
}

.opsmind-live__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	animation: opsmind-live-pulse 1.6s infinite;
}

@keyframes opsmind-live-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
	70%  { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.opsmind-live__title {
	font-weight: 700;
	font-size: 16px;
	color: #0b1f3a;
}

/* Grid of stat items */
.opsmind-live__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.opsmind-live__item {
	flex: 1 1 0;
	min-width: 150px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 18px;
	position: relative;
}

/* Vertical divider between items */
.opsmind-live__item + .opsmind-live__item::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 42px;
	background: rgba(11, 31, 58, 0.12);
}

.opsmind-live__icon {
	font-size: 26px;
	line-height: 1;
	flex: 0 0 auto;
	display: inline-flex;
}

.opsmind-live__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.opsmind-live__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.opsmind-live__num {
	font-weight: 800;
	font-size: 30px;
	line-height: 1;
	color: #0b1f3a;
	font-variant-numeric: tabular-nums;
}

.opsmind-live__label {
	font-size: 13px;
	color: #334155;
	line-height: 1.35;
}

/* Status column */
.opsmind-live__item--status {
	flex: 0 0 auto;
	min-width: 0;
}

.opsmind-live__status {
	display: flex;
	align-items: center;
	gap: 10px;
}

.opsmind-live__spin {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid rgba(34, 197, 94, 0.35);
	border-top-color: #22c55e;
	animation: opsmind-live-spin 1.6s linear infinite;
	flex: 0 0 auto;
}

@keyframes opsmind-live-spin {
	to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 991px) {
	.opsmind-live__item {
		flex: 1 1 45%;
		min-width: 45%;
	}
	.opsmind-live__item + .opsmind-live__item::before {
		display: none;
	}
}

@media (max-width: 575px) {
	.opsmind-live {
		padding: 18px;
		border-radius: 18px;
	}
	.opsmind-live__grid {
		flex-direction: column;
		align-items: stretch;
	}
	.opsmind-live__item {
		flex: 1 1 100%;
		min-width: 100%;
		padding: 10px 4px;
	}
	.opsmind-live__num {
		font-size: 26px;
	}
}