/* Underminer Dashboard Widget Styles */

.underminer-widget {
	font-size: 14px;
}

/* Mode Indicator */
.underminer-mode-indicator {
	margin-bottom: 20px;
	border-radius: 4px;
}

.underminer-mode-indicator .allow-engines {
	background-color: #d1ecf1;
	border-left-color: #17a2b8;
	color: #0c5460;
}

.underminer-mode-indicator .block-engines {
	background-color: #f8d7da;
	border-left-color: #dc3545;
	color: #721c24;
}

.underminer-mode-indicator h4 {
	margin: 0 0 6px 0;
	font-weight: 600;
}

.underminer-mode-indicator p {
	margin: 0;
	font-style: italic;
}

.underminer-mode-indicator ul {
	margin: 0;
	padding-left: 20px;
	list-style-type: disc;
}

.underminer-mode-indicator li {
	margin-bottom: 4px;
	list-style-type: disc;
}

/* Traffic Statistics */
.underminer-stats {
	border-top: 1px solid #ddd;
	padding-top: 16px;
	margin-bottom: 16px;
}

.underminer-stats-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}

.underminer-stats-row:last-child {
	border-bottom: none;
}

.underminer-stats-label {
	font-weight: 500;
}

.underminer-stats-value {
	font-weight: 600;
	font-family: monospace;
}

.underminer-stats-pending {
	font-size: 12px;
	color: #666;
	font-style: italic;
	margin-top: 8px;
	padding: 6px 8px;
	background-color: #f8f9fa;
	border-radius: 4px;
	border-left: 3px solid #6c757d;
}

/* Cache Warning */
.underminer-cache-warning {
	padding: 8px 0;
	color: #666;
	font-size: 12px;
}

.underminer-cache-warning small {
	color: #666;
}

.underminer-cache-warning strong {
	color: #666;
	font-weight: 600;
}

/* Build Age Warning */
.underminer-build-warning {
	padding: 12px 16px;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 4px;
	color: #856404;
	margin-bottom: 16px;
}

.underminer-build-warning strong {
	color: #d63638;
	font-weight: 600;
}

/* Action Button */
.underminer-actions {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ddd;
}

/* IP Verification Section */
.underminer-ip-verification {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.underminer-ip-verification h4 {
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 600;
	color: #23282d;
}

.underminer-ip-disclosure {
	margin: 0 0 12px 0;
	color: #666;
	font-size: 12px;
	line-height: 1.4;
}

.underminer-ip-disclosure small {
	color: #666;
}

.underminer-ip-comparison {
	margin-bottom: 12px;
}

.underminer-ip-comparison div {
	margin-bottom: 6px;
	font-size: 13px;
}

.underminer-ip-comparison strong {
	color: #495057;
	font-weight: 600;
}

/* IP Verification Results Container */
#underminer-ip-result {
	display: none;
	margin-top: 12px;
	padding: 12px;
	background-color: #f9f9f9;
	border-radius: 4px;
}

.underminer-actions .button {
	display: inline-block;
	color: #0073aa;
	text-decoration: underline;
	font-weight: 500;
	cursor: pointer;
}

.underminer-actions .button:hover {
	color: #005a87;
	text-decoration: underline;
}

/* IP Verification Results */
.underminer-ip-result {
	margin-top: 16px;
	padding: 16px;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
}

.underminer-ip-result h4 {
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: 600;
	color: #495057;
}

.ip-comparison {
	margin-bottom: 12px;
}

.ip-item {
	margin-bottom: 8px;
	font-size: 13px;
}

.ip-item strong {
	color: #495057;
}

.ip-item span {
	font-family: monospace;
	font-weight: 600;
	color: #212529;
}

.ip-status {
	font-size: 13px;
	font-weight: 500;
}

.ip-status-success {
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	padding: 8px 12px;
	border-radius: 4px;
}

.ip-status-warning {
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	padding: 8px 12px;
	border-radius: 4px;
}

.ip-status-error {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	padding: 8px 12px;
	border-radius: 4px;
}

/* Button spacing */
.underminer-actions .button + .button {
	margin-left: 8px;
}

/* Responsive adjustments */
@media (max-width: 782px) {
	.underminer-stats-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.underminer-actions .button {
		display: block;
		margin-bottom: 8px;
	}

	.underminer-actions .button + .button {
		margin-left: 0;
	}
}