Update style.css

style.css

@@ -1,9 +1,7 @@
 :root{
-  /* لوحتك */
   --primary:#4137A8; --primary2:#1CADE4; --success:#00B050;
   --success2:#42BA97; --gray1:#5C6E88; --violet:#7030A0;
   --turq:#27CED7; --yellow:#FFC000; --danger:#F5554A;
-
   --bg:#F6F8FB; --card:#FFFFFF; --text:#1B2559; --muted:#667085; --border:#E5E7EB;
 }
 *{box-sizing:border-box}
@@ -44,6 +42,8 @@ body{
 .btn-primary{color:#fff;background:linear-gradient(90deg,var(--primary),var(--primary2));box-shadow:0 8px 18px rgba(65,55,168,.18)}
 .btn-secondary{background:#f8fafc;color:var(--text);border:1px solid var(--border)}
 .btn-light{background:#fff;color:var(--text);border:1px dashed var(--border)}
+.btn[disabled]{opacity:.55; cursor:not-allowed}
+
 /* أرقام الخطوات */
 #btn-parse::before,#btn-export::before,#btn-clear::before{
   content:attr(data-step); position:absolute; top:-8px; inset-inline-start:-8px;
@@ -52,11 +52,19 @@ body{
   box-shadow:0 2px 8px rgba(0,0,0,.15);
 }
 
+/* اسم الملف */
 .fname{
   border:1px solid var(--border); border-radius:10px; padding:10px 12px;
   min-width:140px; outline:none;
 }
 
+/* العداد */
+.meta-row{margin:4px 0 10px}
+.chip{
+  display:inline-block; padding:6px 10px; border-radius:999px; font-weight:700;
+  background:rgba(39,206,215,.12); color:#14636b; border:1px solid rgba(39,206,215,.28)
+}
+
 /* الجدول */
 .table-wrap{overflow:auto; border:1px solid var(--border); border-radius:12px}
 .table{border-collapse:collapse; width:100%}
@@ -67,10 +75,20 @@ body{
 .table td{padding:10px; border-top:1px solid var(--border); text-align:center}
 .table td[contenteditable="true"]{background:#fffaf2}
 .table tr:nth-child(even) td{background:#fafcff}
+.table tr:hover td{background:#f4f7ff}
+
+/* Toast */
+.toast{
+  position:fixed; inset-inline:0; bottom:20px; margin:auto;
+  max-width:420px; padding:12px 16px; border-radius:12px; color:#053b2c;
+  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.4s ease both}
+@keyframes fade{0%{opacity:0; transform:translateY(10px)}10%,90%{opacity:1; transform:translateY(0)}100%{opacity:0; transform:translateY(10px)}}
 
 /* موبايل */
 @media (max-width:768px){
   .container{padding:12px}
   .paste{min-height:clamp(140px,34vh,360px)}
-  .steps{grid-template-columns:1fr}
 }