add appeal modal window, add file status

src/app/styles/pages-styles.scss

@@ -930,13 +930,24 @@
 				}
 			}
 
-			.table-item-protected {
-				color: #10b981;
+			.table-item-status-badge {
 				font-size: 12px;
 				position: relative;
 				margin-left: 5px;
 				padding-left: 5px;
 
+				&.protected {
+					color: #10b981;
+				}
+
+				&.moderation {
+					color: v.$color-warning;
+				}
+
+				&.blocked {
+					color: v.$red;
+				}
+
 				&::before {
 					content: '•';
 					color: v.$text-s;
@@ -1016,11 +1027,11 @@
 				}
 			}
 
-			.table-action-delete {
-				background-color: #e80a14;
+			.table-action-appeal {
+				background-color: #9f0712;
 
 				&:hover {
-					background-color: #9f0712;
+					background-color: v.$red;
 				}
 			}
 
@@ -3799,7 +3810,7 @@
 			}
 
 			.info-header {
-				background: linear-gradient(0deg, #6366f1 50%, #8b5cf6 130%);
+				background: #6366f1;
 				color: white;
 				padding: 16px 20px;
 				border-bottom: 1px solid v.$border-color-1;
@@ -3847,6 +3858,84 @@
 				padding: 12px 20px;
 				border-bottom: 1px solid #f1f5f9;
 			}
+
+			.appeal-form {
+				margin-top: 20px;
+			}
+
+			.appeal-textarea {
+				width: 100%;
+				padding: 10px;
+				border: 1px solid #ddd;
+				border-radius: 6px;
+				font-family: inherit;
+				font-size: 14px;
+				resize: vertical;
+			}
+
+			.appeal-textarea:focus {
+				outline: none;
+				border-color: #6366f1;
+				box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1);
+			}
+
+			.appeal-textarea:disabled {
+				background-color: #f3f4f6;
+				cursor: not-allowed;
+			}
+
+			.required {
+				color: #ef4444;
+			}
+
+			.appeal-actions {
+				display: flex;
+				gap: 12px;
+				justify-content: center;
+				margin: 10px 0;
+			}
+
+			.appeal-submit-btn {
+				padding: 8px 20px;
+				background-color: #6366f1;
+				color: white;
+				border: none;
+				border-radius: 6px;
+				cursor: pointer;
+				font-size: 14px;
+				font-weight: 500;
+				transition: background-color 0.2s;
+			}
+
+			.appeal-submit-btn:hover:not(:disabled) {
+				background-color: #4f46e5;
+			}
+
+			.appeal-submit-btn:disabled {
+				background-color: #9ca3af;
+				cursor: not-allowed;
+			}
+
+			.appeal-cancel-btn {
+				padding: 8px 20px;
+				background-color: #f3f4f6;
+				color: #374151;
+				border: 1px solid #d1d5db;
+				border-radius: 6px;
+				cursor: pointer;
+				font-size: 14px;
+				font-weight: 500;
+				transition: all 0.2s;
+			}
+
+			.appeal-cancel-btn:hover:not(:disabled) {
+				background-color: #e5e7eb;
+			}
+
+			.appeal-cancel-btn:disabled {
+				opacity: 0.5;
+				cursor: not-allowed;
+			}
 		}
 	}
 }