add translate and colors for matched status

src/app/styles/pages-styles.scss

@@ -4474,11 +4474,25 @@
 				font-size: 11px;
 				font-weight: 600;
 				white-space: nowrap;
-				margin-left: 10px;
+				margin-bottom: 5px;
 
-				&.new {
-					background: #fef2f2;
-					color: #dc2626;
+				&.new,
+				&.created {
+					background: v.$status-new;
+				}
+
+				&.showed {
+					background-color: v.$b-color-1;
+				}
+
+				&.legal_in_work,
+				&.complaint_in_work {
+					background: v.$status-in-work;
+					color: v.$white;
+				}
+
+				&.authorized_use {
+					background: v.$authorized-use;
 				}
 			}
 
@@ -4614,7 +4628,7 @@
 				}
 			}
 
-/* 			.btn-warning {
+			/* 			.btn-warning {
 				background: linear-gradient(135deg, #f59e0b, #d97706);
 				color: white;
 			}

src/app/styles/variable.scss

@@ -21,6 +21,11 @@ $color-video: #2f9e44;
 $color-audio: #1971c2;
 $color-document: #a561e6;
 
+$status-new: #fab005;
+$status-showed: #5a6e8a;
+$status-in-work: #3b82f6;
+$authorized-use: #2ecc71;
+
 :root {
 	--side-bar-width: 280px;