.dard81-net-wrap {
	--d81-teal-dark: #0a3d3c;
	--d81-teal: #0e6e6a;
	--d81-teal-bright: #1aa89a;
	--d81-mint: #d7f3ea;
	--d81-mint-2: #eefaf6;
	--d81-ink: #123331;
	--d81-gold: #e3b505;
	font-family: 'Poppins', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
	max-width: 100%;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(10, 61, 60, 0.15);
	background: var(--d81-mint-2);
	border: 1px solid rgba(10, 61, 60, 0.08);
}

.dard81-net-header {
	background: linear-gradient(120deg, var(--d81-teal-dark), var(--d81-teal) 60%, var(--d81-teal-bright));
	color: #fff;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dard81-net-title {
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.2px;
}

.dard81-net-period {
	margin-left: auto;
	font-size: 12.5px;
	opacity: 0.85;
	font-weight: 400;
}

.dard81-live-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #4be3a0;
	box-shadow: 0 0 0 rgba(75, 227, 160, 0.6);
	animation: dard81-pulse 1.8s infinite;
	flex-shrink: 0;
}

@keyframes dard81-pulse {
	0% { box-shadow: 0 0 0 0 rgba(75, 227, 160, 0.6); }
	70% { box-shadow: 0 0 0 9px rgba(75, 227, 160, 0); }
	100% { box-shadow: 0 0 0 0 rgba(75, 227, 160, 0); }
}

.dard81-table-scroll {
	max-height: 560px;
	overflow-y: auto;
}

.dard81-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: var(--d81-ink);
}

.dard81-table thead th {
	position: sticky;
	top: 0;
	background: var(--d81-mint);
	color: var(--d81-teal-dark);
	text-align: left;
	padding: 10px 14px;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	border-bottom: 2px solid rgba(10, 61, 60, 0.12);
	z-index: 2;
}

.dard81-table td {
	padding: 10px 14px;
	border-bottom: 1px solid rgba(10, 61, 60, 0.08);
	vertical-align: middle;
}

.dard81-table tbody tr:hover {
	background: rgba(26, 168, 154, 0.07);
}

.col-no { width: 46px; font-weight: 600; color: var(--d81-teal); }
.col-qsl { width: 90px; }
.col-time { width: 170px; white-space: nowrap; font-variant-numeric: tabular-nums; color: #345; }
.col-call { width: 140px; }

.dard81-callsign {
	display: inline-block;
	background: var(--d81-mint);
	color: var(--d81-teal-dark);
	padding: 3px 10px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.3px;
}

.dard81-qsl-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--d81-teal-bright);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 8px;
	transition: background 0.15s ease, transform 0.1s ease;
}

.dard81-qsl-btn:hover {
	background: var(--d81-teal-dark);
	transform: translateY(-1px);
}

.dard81-empty-row td {
	text-align: center;
	padding: 30px;
	color: #789;
	font-style: italic;
}

.dard81-row-new {
	animation: dard81-flash-in 1.4s ease;
}

@keyframes dard81-flash-in {
	0% { background: rgba(26, 168, 154, 0.35); }
	100% { background: transparent; }
}

@media (max-width: 640px) {
	.dard81-net-period { margin-left: 0; width: 100%; }
	.dard81-table { font-size: 12.5px; }
	.col-time { width: auto; }
}