/* ==========================================================================
   Dawsony Admin Utilities — Environment Badge (admin bar)
   Matches the preview pills in Tools > Dawsony Utilities > Environment Badge.
   ========================================================================== */

#wpadminbar .dau-env-badge-node .ab-item {
	padding: 0 6px !important;
	height: 32px !important;
}

/* Badge pill — same as .dau-env-preview-pill in admin.css */
#wpadminbar .dau-env-badge {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 5px 16px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.6px !important;
	color: #fff !important;
	border-radius: 6px !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Dot — same as .dau-env-preview-pill .dau-env-dot-prev */
#wpadminbar .dau-env-dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.9) !important;
	flex-shrink: 0;
}

#wpadminbar .dau-env-dot-pulse {
	animation: dawsony-admin-utilities-pulse 2s ease-in-out infinite;
}

@keyframes dawsony-admin-utilities-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.75); }
}

/* Gradient colors — same as env_map in environment-badge.php */
#wpadminbar .dau-env-badge.dau-env-local {
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

#wpadminbar .dau-env-badge.dau-env-development {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

#wpadminbar .dau-env-badge.dau-env-staging {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

#wpadminbar .dau-env-badge.dau-env-production {
	background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}