Update style.css

style.css

@@ -257,7 +257,7 @@ body {
   border-radius: 14px;
   background-color: #f9fafb;
   border: 1px solid rgba(229, 231, 235, 1);
-  max-height: 180px;
+  max-height: 220px;
   overflow-y: auto;
   transition: box-shadow var(--transition);
 }
@@ -284,6 +284,18 @@ body {
   color: var(--text-muted);
 }
 
+.mode-label {
+  font-size: 9.5px;
+  color: #1d4ed8;
+  background-color: #eff6ff;
+  border-radius: 999px;
+  padding: 4px 8px;
+  display: inline-block;
+  margin: 0 0 4px;
+}
+
+/* عناصر القائمة */
+
 .file-list-ul {
   list-style: none;
   padding: 0;
@@ -325,19 +337,34 @@ body {
   font-size: 8.5px;
 }
 
-/* زر حذف ملف */
+/* أزرار الصف */
 
+.row-actions {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.move-btn,
 .delete-btn {
   background: none;
   border: none;
   cursor: pointer;
-  font-size: 13px;
+  font-size: 11px;
   padding: 0 3px;
-  transition: color 0.18s ease, transform 0.18s ease;
+  transition: color 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
+  border-radius: 4px;
+}
+
+.move-btn:hover {
+  color: #2563eb;
+  background-color: #e5e7ff;
+  transform: translateY(-1px);
 }
 
 .delete-btn:hover {
   color: #b91c1c;
+  background-color: #fee2e2;
   transform: scale(1.1);
 }
 
@@ -451,6 +478,12 @@ body {
   border: 1px solid #bfdbfe;
 }
 
+.status.warning {
+  background: #fffbeb;
+  color: #92400e;
+  border: 1px solid #fed7aa;
+}
+
 /* تجاوب */
 
 @media (max-width: 640px) {
@@ -467,4 +500,13 @@ body {
   .hero h1 {
     font-size: 18px;
   }
+
+  .actions {
+    flex-direction: column;
+  }
+
+  .btn-main,
+  .btn-secondary {
+    width: 100%;
+  }
 }