Update style.css

style.css

@@ -40,6 +40,11 @@ body{
   border:1px solid var(--border); border-radius:12px; padding:12px;
   text-align:right; resize:vertical;
 }
+.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
+.control{
+  border:1px solid var(--border); border-radius:10px; padding:10px 12px;
+  min-width:180px; outline:none; background:#fff;
+}
 .hint{color:var(--muted); font-size:13px; margin:8px 0 12px}
 
 /* أزرار */
@@ -71,12 +76,6 @@ body{
 }
 .badge-right{ position:relative; top:-1px; }
 
-/* اسم الملف */
-.fname{
-  border:1px solid var(--border); border-radius:10px; padding:10px 12px;
-  min-width:140px; outline:none;
-}
-
 /* الجدول */
 .table-wrap{overflow:auto; border:1px solid var(--border); border-radius:12px}
 .table{border-collapse:collapse; width:100%}
@@ -99,7 +98,7 @@ body{
   background:#e9fbf4; border:1px solid #bdf0df; box-shadow:0 8px 24px rgba(16,24,40,.12);
   font-weight:600; display:none;
 }
-.toast.show{display:block; animation:fade 2.0s ease both}
+.toast.show{display:block; animation:fade 2s ease both}
 @keyframes fade{0%{opacity:0; transform:translateY(10px)}10%,90%{opacity:1; transform:translateY(0)}100%{opacity:0; transform:translateY(10px)}}
 
 /* موبايل */
@@ -111,7 +110,7 @@ body{
 /* طباعة: الجدول فقط */
 @media print{
   body{ background:#fff; }
-  .hero, .btn-row, .hint, .footer, .paste, .label{ display:none !important; }
+  .hero, .btn-row, .hint, .footer, .paste, .label, .filters{ display:none !important; }
   .table-wrap{ border:none; }
   .table thead th{ background:#222 !important; color:#fff !important; }
   .table td{ background:#fff !important; }