Upload 6 files

script.js

@@ -213,7 +213,10 @@ function renderEntity(group) {
       <div><h3>${title}</h3><p>السجل التجاري: <b>${escapeHtml(g.commercialRegister || "غير متاح في المصدر")}</b></p></div>
       <div class="badges"><span class="badge">${g.surveys.length} مسح</span><span class="badge">${g.rows.length} ظهور</span><span class="badge">${g.researchers.length} باحث</span>${note}</div>
     </div>
-    <div class="occurrences">${occurrences}</div>
+    <div class="occurrences">
+      <div class="occurrence occurrence-head"><div>المسح</div><div>الباحث</div><div>حالة الاستيفاء</div></div>
+      ${occurrences}
+    </div>
   </article>`;
 }
 

style.css

@@ -70,17 +70,28 @@ input:focus,textarea:focus{border-color:rgba(29,154,138,.65);box-shadow:0 0 0 4p
 .badge.ok{background:#eefaf2;border-color:#cdeed8;color:#13763d}
 .badge.warn{background:#fff8e8;border-color:#f4dfad;color:#886100}
 .badge.danger{background:#fff0f0;border-color:#f1c5c5;color:#a82a2a}
-.occurrences{border-top:1px solid var(--line)}
-.occurrence{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:13px}
+.occurrences{border-top:1px solid var(--line);background:#fff}
+.occurrence{display:grid;grid-template-columns:1fr 1.25fr 1.2fr;gap:14px;padding:15px 20px;border-bottom:1px solid #dbe5f0;font-size:14px;align-items:center}
+.occurrence:nth-child(even){background:#fbfdff}
 .occurrence:last-child{border:0}
 .occurrence span{color:var(--muted);display:block;font-size:11px;margin-bottom:4px}
-.table-wrap{overflow:auto}
-table{width:100%;min-width:780px;border-collapse:collapse;font-size:13px}
-th{text-align:right;color:var(--primary);background:#f8fbff;position:sticky;top:0;z-index:1}
-th,td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top}
-tr:last-child td{border:0}
-tr:hover td{background:#fbfeff}
-.row-button{display:block;width:100%;border:0;background:transparent;text-align:right;font:inherit;cursor:pointer;padding:0;color:var(--primary);font-weight:800}
+.occurrence-head{background:linear-gradient(90deg,var(--primary),#226d68)!important;color:#fff;font-weight:900;font-size:13px;padding-top:12px;padding-bottom:12px}
+.occurrence-head div{color:#fff}
+.table-wrap{overflow:auto;border-color:#cfdbea;background:#fff}
+.table-wrap:focus-within{box-shadow:0 0 0 4px rgba(29,154,138,.12),var(--shadow)}
+table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.75;background:#fff}
+th{text-align:right;color:#fff;background:linear-gradient(135deg,var(--primary),#226d68);position:sticky;top:0;z-index:1;font-weight:900;font-size:13px;border-bottom:0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18)}
+th:first-child{border-top-right-radius:calc(var(--radius) - 2px)}
+th:last-child{border-top-left-radius:calc(var(--radius) - 2px)}
+th,td{padding:15px 16px;border-bottom:1px solid #dbe5f0;vertical-align:middle}
+td{color:#102035;font-weight:600;background:#fff}
+tbody tr:nth-child(even) td{background:#f8fbfd}
+tbody tr:last-child td{border-bottom:0}
+tbody tr:hover td{background:#eef8f7}
+td:nth-child(1),td:nth-child(3),td:nth-child(4){white-space:nowrap}
+td:nth-child(2),td:nth-child(5){max-width:380px;white-space:normal}
+.row-button{display:block;width:100%;border:0;background:transparent;text-align:right;font:inherit;cursor:pointer;padding:0;color:var(--primary);font-weight:950;letter-spacing:.2px}
+.row-button:hover{text-decoration:underline;text-underline-offset:4px;color:#145f74}
 .batch-card textarea{width:100%;padding:15px;resize:vertical;line-height:1.7;min-height:250px}
 .batch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
 .batch-actions div{display:flex;gap:8px}