Update style.css

style.css

@@ -7,9 +7,9 @@
 *{box-sizing:border-box}
 html,body{margin:0;height:100%}
 body{
-  direction:rtl;
+  direction:rtl; text-align:center;
   font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
-  background:var(--bg); color:var(--text); text-align:center;
+  background:var(--bg); color:var(--text);
 }
 .container{max-width:1100px;margin:0 auto;padding:16px}
 .center{text-align:center}
@@ -21,7 +21,10 @@ body{
   margin:10px 0 18px;
 }
 .hero h1{margin:0 0 6px;font-size:clamp(22px,3vw,32px);color:var(--primary);font-weight:700}
-.sub{margin:0;color:var(--gray1)} .sub b{color:var(--violet)}
+.sub{margin:0;color:var(--gray1)}
+.sub .name, .footer .name { color: var(--violet); font-weight: 700; }
+.sub .role, .footer .role { color: var(--gray1); font-weight: 700; }
+.sep { margin: 0 .35rem; color: var(--gray1); }
 
 .card{
   background:var(--card); border:1px solid var(--border); border-radius:14px;
@@ -44,7 +47,7 @@ body{
 .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;
   background:var(--primary2); color:#fff; width:22px; height:22px; border-radius:50%;
@@ -52,13 +55,20 @@ body{
   box-shadow:0 2px 8px rgba(0,0,0,.15);
 }
 
+/* شارة العدّاد داخل زر التحليل */
+.btn .badge{
+  margin-inline-start:.5rem; padding:2px 8px; border-radius:999px; font-size:12px;
+  background:rgba(39,206,215,.12); color:#14636b; border:1px solid rgba(39,206,215,.28);
+}
+.badge-right{ position:relative; top:-1px; }
+
 /* اسم الملف */
 .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;
@@ -77,6 +87,9 @@ body{
 .table tr:nth-child(even) td{background:#fafcff}
 .table tr:hover td{background:#f4f7ff}
 
+/* إبراز الخلايا غير الصحيحة */
+.table td.invalid{ background:#fff5f5; outline:1px solid #f6b2b2; }
+
 /* Toast */
 .toast{
   position:fixed; inset-inline:0; bottom:20px; margin:auto;
@@ -91,8 +104,13 @@ body{
 @media (max-width:768px){
   .container{padding:12px}
   .paste{min-height:clamp(140px,34vh,360px)}
+}
 
-.sub .role, .footer .role { color: var(--gray1); font-weight: 700; }
-.sub .name, .footer .name { color: var(--violet); font-weight: 700; }
-.sep { margin: 0 .35rem; color: var(--gray1); }
-
+/* طباعة: الجدول فقط */
+@media print{
+  body{ background:#fff; }
+  .hero, .btn-row, .hint, .meta-row, .footer, .paste, .label{ display:none !important; }
+  .table-wrap{ border:none; }
+  .table thead th{ background:#222 !important; color:#fff !important; }
+  .table td{ background:#fff !important; }
+}