style(panel): enhance styles for Tracy debug panel

- Added styles for Tracy debug panel elements
- Ensured consistency between Nette and Tracy debug styles
- Improved hover and active states for interactive elements

Author: Spamercz

src/Diagnostics/Panel/panel.phtml

@@ -4,11 +4,14 @@ namespace Spameri\Elastic\Diagnostics\Panel;
 
 ?>
 <style>
-	#nette-debug .elasticSearchPanel-method { font-weight: bold; }
+	#nette-debug .elasticSearchPanel-method,
+	#tracy-debug .elasticSearchPanel-method { font-weight: bold; }
 
-	#nette-debug .elasticSearchPanel-error { font-size: xx-small; }
+	#nette-debug .elasticSearchPanel-error,
+	#tracy-debug .elasticSearchPanel-error { font-size: xx-small; }
 
-	#nette-debug .elasticSearchPanel-copy {
+	#nette-debug .elasticSearchPanel-copy,
+	#tracy-debug .elasticSearchPanel-copy {
 		cursor: pointer;
 		padding: 4px 10px;
 		font-size: 11px;
@@ -19,35 +22,41 @@ namespace Spameri\Elastic\Diagnostics\Panel;
 		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 	}
 
-	#nette-debug .elasticSearchPanel-copy:hover {
+	#nette-debug .elasticSearchPanel-copy:hover,
+	#tracy-debug .elasticSearchPanel-copy:hover {
 		background: #e8e8e8;
 		border-color: #aaa;
 	}
 
-	#nette-debug .elasticSearchPanel-copy:active {
+	#nette-debug .elasticSearchPanel-copy:active,
+	#tracy-debug .elasticSearchPanel-copy:active {
 		background: #ddd;
 		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object {
-		cursor: pointer;
-		display: inline-block;
-		padding: 4px 10px;
-		font-size: 11px;
-		background: #f5f5f5;
-		border: 1px solid #bbb;
-		border-radius: 4px;
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+	#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object,
+	#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object {
+		cursor: pointer !important;
+		display: inline-block !important;
+		padding: 4px 10px !important;
+		font-size: 11px !important;
+		background: #f5f5f5 !important;
+		border: 1px solid #bbb !important;
+		border-radius: 4px !important;
+		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
+		color: #333 !important;
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object:hover {
-		background: #e8e8e8;
-		border-color: #aaa;
+	#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:hover,
+	#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:hover {
+		background: #e8e8e8 !important;
+		border-color: #aaa !important;
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object:active {
-		background: #ddd;
-		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:active,
+	#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:active {
+		background: #ddd !important;
+		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
 	}
 </style>
 <h1>