{"id":21092440,"date":"2026-02-13T19:17:52","date_gmt":"2026-02-13T17:17:52","guid":{"rendered":"https:\/\/fra.gov.eg\/test1\/"},"modified":"2026-02-13T19:20:47","modified_gmt":"2026-02-13T17:20:47","slug":"test1","status":"publish","type":"page","link":"https:\/\/fra.gov.eg\/en\/test1\/","title":{"rendered":"test1 en"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21092440\" class=\"elementor elementor-21092440 elementor-21092437\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-932494d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"932494d\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc45fdc\" data-id=\"fc45fdc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f989af elementor-widget elementor-widget-html\" data-id=\"1f989af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!doctype html>\r\n<html lang=\"ar\" dir=\"ltr\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title> \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0625\u0641\u0635\u0627\u062d\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u0627\u0644\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u062e\u064a (ESG & TCFD)<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n  <style>\r\n    \/* ========================================\r\n       \ud83d\udd12 SCOPED STYLES - Won't affect WordPress\r\n       ======================================== *\/\r\n    \r\n    #esgDashboardApp {\r\n      --esg-blue:#0B1E3B;\r\n      --esg-blue2:#102A52;\r\n      --esg-yellow:#C8A100;\r\n      --esg-yellowHover:#B08C00;\r\n      --esg-green:#1BAA74;\r\n      --esg-bg:#F6F8FB;\r\n      --esg-card:#fff;\r\n      --esg-text:#0A1630;\r\n      --esg-muted:#5B6678;\r\n      --esg-border:#E5E9F0;\r\n      --esg-shadow: 0 10px 28px rgba(10,22,48,.10);\r\n      --esg-shadow2: 0 18px 50px rgba(10,22,48,.14);\r\n      --esg-r:16px;\r\n      --esg-headerH: 290px;\r\n      --esg-anim: cubic-bezier(.16,1,.3,1);\r\n      --esg-pad: 16px;\r\n      --esg-h1: 20px;\r\n      --esg-small: 14px;\r\n      --esg-chartH: 360px;\r\n    }\r\n\r\n    #esgDashboardApp * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #esgDashboardApp {\r\n      font-family: \"Cairo\", system-ui, Arial, sans-serif;\r\n      color: var(--esg-text);\r\n      background:\r\n        radial-gradient(900px 450px at 20% 10%, rgba(27,170,116,.10), transparent 60%),\r\n        radial-gradient(850px 520px at 85% 12%, rgba(200,161,0,.10), transparent 55%),\r\n        radial-gradient(700px 450px at 60% 70%, rgba(11,30,59,.10), transparent 60%),\r\n        linear-gradient(180deg, #ffffff, var(--esg-bg));\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    #esgDashboardApp a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #esgDashboardApp .esg-container {\r\n      width: 100%;\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      padding-inline: 8px;\r\n    }\r\n\r\n    #esgDashboardApp::before {\r\n      content: \"\";\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background:\r\n        radial-gradient(650px 360px at 18% 30%, rgba(200,161,0,.10), transparent 60%),\r\n        radial-gradient(720px 420px at 80% 18%, rgba(27,170,116,.10), transparent 62%),\r\n        radial-gradient(820px 520px at 55% 78%, rgba(11,30,59,.10), transparent 62%);\r\n      filter: blur(2px);\r\n      animation: esgFloatBg 14s var(--esg-anim) infinite alternate;\r\n      opacity: .9;\r\n      pointer-events: none;\r\n    }\r\n\r\n    @keyframes esgFloatBg {\r\n      from { transform: translate3d(0,0,0) scale(1); }\r\n      to { transform: translate3d(0,-10px,0) scale(1.02); }\r\n    }\r\n\r\n    #esgDashboardApp #esgDashboardHeader {\r\n      background: linear-gradient(135deg, var(--esg-blue), var(--esg-blue2));\r\n      color: #fff;\r\n      border-bottom: 4px solid rgba(200,161,0,.65);\r\n      position: relative;\r\n      z-index: 40;\r\n      animation: esgFadeDown .45s var(--esg-anim) both;\r\n    }\r\n\r\n    @keyframes esgFadeDown {\r\n      from { opacity: 0; transform: translateY(-10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #esgDashboardApp .esg-top {\r\n      padding: 18px 0 16px;\r\n      text-align: center;\r\n    }\r\n\r\n    #esgDashboardApp .esg-brand {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 14px;\r\n      padding-inline: 10px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-brand img {\r\n      width: min(360px, 85vw);\r\n      height: auto;\r\n      aspect-ratio: 358 \/ 130;\r\n      object-fit: contain;\r\n      background: transparent;\r\n      border: 0;\r\n      border-radius: 0;\r\n      padding: 0;\r\n      box-shadow: none;\r\n      animation: esgPopIn .6s var(--esg-anim) both;\r\n    }\r\n\r\n    @keyframes esgPopIn {\r\n      from { opacity: 0; transform: scale(.96); }\r\n      to { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    #esgDashboardApp .esg-brand h1 {\r\n      margin: 0;\r\n      font-size: var(--esg-h1);\r\n      font-weight: 700;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #esgDashboardApp .esg-brand small {\r\n      font-size: var(--esg-small);\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,.9);\r\n    }\r\n\r\n    #esgDashboardApp #esgNav {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 12px;\r\n      padding-inline: 10px;\r\n    }\r\n\r\n    #esgDashboardApp #esgNav a {\r\n      padding: 9px 14px;\r\n      border-radius: 14px;\r\n      font-weight: 900;\r\n      color: rgba(255,255,255,.95);\r\n      border: 1px solid rgba(255,255,255,.2);\r\n      background: rgba(255,255,255,.08);\r\n      transition: .18s var(--esg-anim);\r\n      will-change: transform;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #esgDashboardApp #esgNav a:hover {\r\n      background: rgba(200,161,0,.24);\r\n      border-color: rgba(200,161,0,.70);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 10px 26px rgba(10,22,48,.18);\r\n    }\r\n\r\n    #esgDashboardApp #esgNav a.active {\r\n      background: linear-gradient(135deg, rgba(200,161,0,.30), rgba(200,161,0,.14));\r\n      border-color: rgba(200,161,0,.70);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    #esgDashboardApp .esg-update {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,.95);\r\n      padding-inline: 10px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 50%;\r\n      background: var(--esg-green);\r\n      box-shadow: 0 0 0 6px rgba(27,170,116,.3);\r\n      animation: esgPulse 1.6s ease-in-out infinite;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    @keyframes esgPulse {\r\n      0%, 100% { transform: scale(1); opacity: .9; }\r\n      50% { transform: scale(1.15); opacity: 1; }\r\n    }\r\n\r\n    #esgDashboardApp .esg-main {\r\n      padding: 18px 0 44px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-view {\r\n      display: none;\r\n    }\r\n\r\n    #esgDashboardApp .esg-view.active {\r\n      display: block;\r\n      animation: esgFadeUp .35s var(--esg-anim) both;\r\n    }\r\n\r\n    @keyframes esgFadeUp {\r\n      from { opacity: 0; transform: translateY(8px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #esgDashboardApp .esg-panel {\r\n      background: var(--esg-card);\r\n      border: 1px solid var(--esg-border);\r\n      border-radius: var(--esg-r);\r\n      box-shadow: var(--esg-shadow);\r\n      padding: var(--esg-pad);\r\n      transition: .18s var(--esg-anim);\r\n    }\r\n\r\n    #esgDashboardApp .esg-panel:hover {\r\n      box-shadow: var(--esg-shadow2);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #esgDashboardApp .esg-panel h2 {\r\n      margin: 0 0 10px;\r\n      color: var(--esg-blue);\r\n      font-size: 18px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-panel p {\r\n      margin: 0;\r\n      color: var(--esg-muted);\r\n      font-weight: 700;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    #esgDashboardApp .esg-article {\r\n      margin-top: 14px;\r\n      color: var(--esg-muted);\r\n      font-weight: 700;\r\n      line-height: 2;\r\n      font-size: 16px;\r\n      text-align: justify;\r\n    }\r\n\r\n    #esgDashboardApp .esg-sectionTitle {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin: 0 0 12px;\r\n      padding: 8px 2px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    #esgDashboardApp .esg-sectionTitle > div {\r\n      color: var(--esg-blue);\r\n      font-weight: 900;\r\n      font-size: 16px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-sectionTitle span {\r\n      color: var(--esg-muted);\r\n      font-weight: 800;\r\n      font-size: 12px;\r\n      margin-inline-start: 10px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-card {\r\n      background: var(--esg-card);\r\n      border: 1px solid var(--esg-border);\r\n      border-radius: var(--esg-r);\r\n      box-shadow: var(--esg-shadow);\r\n      padding: 14px;\r\n      min-width: 0;\r\n      transition: .18s var(--esg-anim);\r\n    }\r\n\r\n    #esgDashboardApp .esg-card:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: var(--esg-shadow2);\r\n      border-color: rgba(200,161,0,.35);\r\n    }\r\n\r\n    #esgDashboardApp .esg-cardTitle {\r\n      font-weight: 900;\r\n      color: var(--esg-blue);\r\n      font-size: 13px;\r\n      margin-bottom: 8px;\r\n      text-align: center;\r\n    }\r\n\r\n    #esgDashboardApp .esg-cardValue {\r\n      font-weight: 900;\r\n      font-size: 22px;\r\n      color: var(--esg-text);\r\n      line-height: 1.2;\r\n      text-align: center;\r\n    }\r\n\r\n    #esgDashboardApp .esg-cardValue small {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: var(--esg-muted);\r\n      font-weight: 800;\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    #esgDashboardApp .esg-badge {\r\n      display: inline-flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      padding: 10px 12px;\r\n      border-radius: 14px;\r\n      border: 1px solid var(--esg-border);\r\n      background: #fff;\r\n      box-shadow: var(--esg-shadow);\r\n      color: var(--esg-muted);\r\n      font-weight: 800;\r\n      font-size: 14px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-badge b {\r\n      color: var(--esg-blue);\r\n    }\r\n\r\n    #esgDashboardApp .esg-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(200,161,0,.35);\r\n      background: rgba(200,161,0,.12);\r\n      color: #6A5600;\r\n      font-weight: 900;\r\n      font-size: 12px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #esgDashboardApp .esg-filters {\r\n      display: grid;\r\n      grid-template-columns: repeat(12, 1fr);\r\n      gap: 10px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-filters.wide .esg-field {\r\n      grid-column: span 3;\r\n    }\r\n\r\n    #esgDashboardApp .esg-filters .esg-field {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n      min-width: 0;\r\n    }\r\n\r\n    #esgDashboardApp .esg-filters label {\r\n      font-size: 11px;\r\n      color: var(--esg-muted);\r\n      font-weight: 900;\r\n      padding-inline: 2px;\r\n    }\r\n\r\n    #esgDashboardApp select,\r\n    #esgDashboardApp input {\r\n      border-radius: 14px;\r\n      padding: 11px 12px;\r\n      border: 1px solid var(--esg-border);\r\n      background: #fff;\r\n      color: var(--esg-text);\r\n      outline: none;\r\n      font-weight: 800;\r\n      font-size: 13px;\r\n      transition: .18s var(--esg-anim);\r\n      width: 100%;\r\n      font-family: \"Cairo\", system-ui, Arial, sans-serif;\r\n    }\r\n\r\n    #esgDashboardApp select:focus,\r\n    #esgDashboardApp input:focus {\r\n      border-color: rgba(200,161,0,.70);\r\n      box-shadow: 0 0 0 4px rgba(200,161,0,.12);\r\n    }\r\n\r\n    #esgDashboardApp .esg-btn {\r\n      border: 1px solid rgba(11,30,59,.18);\r\n      background: #fff;\r\n      padding: 10px 12px;\r\n      border-radius: 14px;\r\n      font-weight: 900;\r\n      font-size: 13px;\r\n      cursor: pointer;\r\n      transition: .18s var(--esg-anim);\r\n      box-shadow: 0 8px 18px rgba(10,22,48,.08);\r\n      will-change: transform;\r\n      font-family: \"Cairo\", system-ui, Arial, sans-serif;\r\n    }\r\n\r\n    #esgDashboardApp .esg-btn:hover {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(200,161,0,.70);\r\n      box-shadow: 0 12px 24px rgba(10,22,48,.12);\r\n      background: rgba(200,161,0,.10);\r\n    }\r\n\r\n    #esgDashboardApp .esg-btn.primary {\r\n      background: linear-gradient(135deg, rgba(200,161,0,.18), rgba(200,161,0,.10));\r\n      border-color: rgba(200,161,0,.35);\r\n    }\r\n\r\n    #esgDashboardApp .esg-btn.primary:hover {\r\n      background: linear-gradient(135deg, rgba(200,161,0,.28), rgba(200,161,0,.14));\r\n      border-color: rgba(200,161,0,.75);\r\n    }\r\n\r\n    #esgDashboardApp .esg-chartBox {\r\n      height: var(--esg-chartH);\r\n      width: 100%;\r\n      position: relative;\r\n    }\r\n\r\n    #esgDashboardApp .esg-tableWrap {\r\n      overflow: auto;\r\n      border-radius: var(--esg-r);\r\n      border: 1px solid var(--esg-border);\r\n      background: #fff;\r\n      box-shadow: var(--esg-shadow);\r\n      animation: esgFadeUp .35s var(--esg-anim) both;\r\n    }\r\n\r\n    #esgDashboardApp table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      min-width: 900px;\r\n    }\r\n\r\n    #esgDashboardApp th,\r\n    #esgDashboardApp td {\r\n      padding: 12px;\r\n      border-bottom: 1px solid var(--esg-border);\r\n      text-align: right;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #esgDashboardApp th {\r\n      background: rgba(11,30,59,.06);\r\n      color: var(--esg-blue);\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 2;\r\n    }\r\n\r\n    #esgDashboardApp tr:hover td {\r\n      background: rgba(200,161,0,.06);\r\n    }\r\n\r\n    #esgDashboardApp #view-whitelist table {\r\n      direction: ltr;\r\n    }\r\n\r\n    #esgDashboardApp #view-whitelist th:first-child,\r\n    #esgDashboardApp #view-whitelist td:first-child {\r\n      direction: ltr;\r\n      text-align: left;\r\n    }\r\n\r\n    #esgDashboardApp .esg-chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      font-weight: 900;\r\n      font-size: 12px;\r\n      border: 1px solid rgba(11,30,59,.14);\r\n      background: rgba(11,30,59,.04);\r\n      color: var(--esg-blue);\r\n    }\r\n\r\n    #esgDashboardApp .esg-chip.ok {\r\n      border-color: rgba(27,170,116,.35);\r\n      background: rgba(27,170,116,.10);\r\n      color: #0E6B48;\r\n    }\r\n\r\n    #esgDashboardApp .esg-chip.mid {\r\n      border-color: rgba(200,161,0,.40);\r\n      background: rgba(200,161,0,.10);\r\n      color: #6A5600;\r\n    }\r\n\r\n    #esgDashboardApp .esg-chip.no {\r\n      border-color: rgba(200,50,50,.35);\r\n      background: rgba(200,50,50,.08);\r\n      color: #7A1A1A;\r\n    }\r\n\r\n\r\n    #esgDashboardApp .esg-overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(11,30,59,.55);\r\n      z-index: 100;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 16px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-overlay.show {\r\n      display: flex;\r\n    }\r\n\r\n    #esgDashboardApp .esg-modal {\r\n      width: min(860px, 96vw);\r\n      background: #fff;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(11,30,59,.12);\r\n      box-shadow: 0 30px 80px rgba(10,22,48,.35);\r\n      overflow: hidden;\r\n      transform: translateY(8px);\r\n      opacity: 0;\r\n      animation: esgPop .22s var(--esg-anim) forwards;\r\n      max-height: min(86vh, 920px);\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    @keyframes esgPop {\r\n      to { transform: translateY(0); opacity: 1; }\r\n    }\r\n\r\n    #esgDashboardApp .esg-modalHead {\r\n      background: linear-gradient(135deg, rgba(11,30,59,.95), rgba(16,42,82,.95));\r\n      color: #fff;\r\n      padding: 14px 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      border-bottom: 4px solid rgba(200,161,0,.55);\r\n    }\r\n\r\n    #esgDashboardApp .esg-modalHead .title {\r\n      font-weight: 900;\r\n      font-size: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-closeX {\r\n      border: 0;\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 14px;\r\n      background: rgba(255,255,255,.12);\r\n      color: #fff;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      transition: .18s var(--esg-anim);\r\n      flex: 0 0 auto;\r\n      font-family: \"Cairo\", system-ui, Arial, sans-serif;\r\n    }\r\n\r\n    #esgDashboardApp .esg-closeX:hover {\r\n      background: rgba(200,161,0,.24);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #esgDashboardApp .esg-modalBody {\r\n      padding: 16px;\r\n      color: var(--esg-muted);\r\n      font-weight: 800;\r\n      line-height: 2;\r\n      overflow: auto;\r\n    }\r\n\r\n    #esgDashboardApp .esg-modalBody b {\r\n      color: var(--esg-blue);\r\n    }\r\n\r\n    #esgDashboardApp .esg-modalFoot {\r\n      padding: 14px 16px;\r\n      border-top: 1px solid var(--esg-border);\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n      background: rgba(11,30,59,.03);\r\n    }\r\n\r\n    #esgDashboardApp .esg-methodRow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    #esgDashboardApp .esg-methodRow .esg-badge {\r\n      flex: 1 1 auto;\r\n      margin-top: 0;\r\n    }\r\n\r\n    #esgDashboardApp .esg-methodRow .esg-pdf-btn {\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    #esgDashboardApp .esg-pdf-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 64px;\r\n      height: 64px;\r\n      text-decoration: none;\r\n    }\r\n\r\n    #esgDashboardApp .esg-pdf-icon {\r\n      width: 90%;\r\n      height: 90%;\r\n      fill: #c62828;\r\n    }\r\n\r\n    #esgDashboardApp .esg-pdf-icon text {\r\n      fill: #ffffff;\r\n      font-size: 6px;\r\n      font-weight: 900;\r\n      letter-spacing: 1px;\r\n      text-anchor: middle;\r\n      dominant-baseline: middle;\r\n    }\r\n\r\n    #esgDashboardApp .esg-pdf-btn:hover .esg-pdf-icon {\r\n      opacity: 0.85;\r\n      transform: scale(1.05);\r\n      transition: 0.2s;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      #esgDashboardApp {\r\n        --esg-pad: 14px;\r\n        --esg-h1: 18px;\r\n        --esg-small: 13px;\r\n        --esg-chartH: 320px;\r\n      }\r\n      #esgDashboardApp .esg-filters.wide .esg-field {\r\n        grid-column: span 6;\r\n      }\r\n      #esgDashboardApp table {\r\n        min-width: 820px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #esgDashboardApp {\r\n        --esg-pad: 14px;\r\n        --esg-h1: 17px;\r\n        --esg-small: 13px;\r\n        --esg-chartH: 300px;\r\n      }\r\n      #esgDashboardApp #esgNav {\r\n        gap: 10px;\r\n      }\r\n      #esgDashboardApp #esgNav a {\r\n        padding: 10px 12px;\r\n        border-radius: 14px;\r\n        font-size: 13px;\r\n      }\r\n      #esgDashboardApp .esg-sectionTitle {\r\n        align-items: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #esgDashboardApp {\r\n        --esg-pad: 12px;\r\n        --esg-h1: 16px;\r\n        --esg-small: 12px;\r\n        --esg-chartH: 260px;\r\n      }\r\n      #esgDashboardApp .esg-container {\r\n        width: min(1200px, 94vw);\r\n      }\r\n      #esgDashboardApp #esgNav {\r\n        gap: 8px;\r\n      }\r\n      #esgDashboardApp #esgNav a {\r\n        flex: 1 1 auto;\r\n        text-align: center;\r\n      }\r\n      #esgDashboardApp .esg-update {\r\n        flex-wrap: wrap;\r\n      }\r\n      #esgDashboardApp table {\r\n        min-width: 760px;\r\n      }\r\n      #esgDashboardApp th,\r\n      #esgDashboardApp td {\r\n        padding: 10px;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <!-- ========================================\r\n       \ud83d\udd12 SCOPED APP - Won't interfere with WordPress\r\n       ======================================== -->\r\n  <div id=\"esgDashboardApp\">\r\n    <header id=\"esgDashboardHeader\">\r\n      <div class=\"esg-container\">\r\n        <div class=\"esg-top\">\r\n          <nav id=\"esgNav\">\r\n            <a href=\"#home\" data-view=\"home\" class=\"active\">Home<\/a>\r\n            <a href=\"#qual\" data-view=\"qual\">Qualitative (Content) Analysis<\/a>\r\n            <a href=\"#whitelist\" data-view=\"whitelist\">Top Performers List<\/a>\r\n          <\/nav>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n\r\n\r\n    <div class=\"esg-overlay\" id=\"overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\">\r\n      <div class=\"esg-modal\">\r\n        <div class=\"esg-modalHead\">\r\n          <div class=\"title\">\ud83d\udccc \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/div>\r\n          <button class=\"esg-closeX\" id=\"closeModal\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\r\n        <\/div>\r\n        <div class=\"esg-modalBody\" id=\"modalBody\">\r\n          <div style=\"margin-top:10px;color:var(--esg-blue);font-weight:900;\">\r\n            The <b>Sustainability & Climate-related Disclosure Assessment (ESG &amp; TCFD)<\/b> portal provides disclosure quality analysis results through <b>two main tabs<\/b>:\r\n            <b>Qualitative (Content) Analysis<\/b> and <b>Top Performers List<\/b>.\r\n            <br><br>\r\n            Please navigate between these tabs to review detailed results, starting with\r\n            <b>Qualitative (Content) Analysis<\/b> to understand disclosure content quality, and finally reviewing the\r\n            <b>Top Performers List<\/b> to identify the best-performing companies based on analysis results.\r\n            <br><br>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"esg-modalFoot\">\r\n          <button class=\"esg-btn primary\" id=\"closeModal2\" type=\"button\">Got it<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <main class=\"esg-main esg-container\">\r\n      <section id=\"view-home\" class=\"esg-view active\">\r\n        <div class=\"esg-panel\">\r\n          <div class=\"esg-article\" style=\"color:var(--esg-blue);font-weight:900\">\r\n            Welcome to the Sustainability &amp; Climate-related Disclosure Assessment (ESG &amp; TCFD) portal \u2014 an interactive\r\n          dashboard developed by the Financial Regulatory Authority (FRA) to enhance the quality of sustainability and\r\n          climate-related disclosures, support transparency, and improve disclosure practices.\r\n          Recognizing that compliance with disclosure requirements\u2014while important\u2014does not necessarily\r\n          reflect the quality and effectiveness of disclosures, an integrated approach was adopted combining: \r\n                  <ol>\r\n                     <li>Quantitative (compliance) analysis,<\/li>\r\n                     <li>Qualitative (content) analysis.<\/li>\r\n                  <\/ol>\r\n          to assess disclosures quality in terms of Accuracy & Clarity, Effectiveness, Endorsement, Timeliness,\r\n          and Supporting documents\u2014shifting the focus from \"compliance\" to \"quality\".\r\n          In this context, the Sustainable Development Department has developed and applied a comprehensive methodology to assess (ESG &amp; TCFD) disclosure quality, based on\r\n          international best practices and adapted to the Egyptian market environment and local regulatory requirements,\r\n          in line with FRA Board of Directors decree No. 107 and 108 of 2021.\r\n          This portal presents the results of the Qualitative (content) analysis for Sustainability &amp; Climate-related Disclosure of non-banking financial institutions (NBFIs) &amp; listed companies through an interactive dashboard and Highlight top-performing compaanies.\r\n          <\/div>\r\n\r\n\r\n\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section id=\"view-qual\" class=\"esg-view\">\r\n        <div class=\"esg-sectionTitle\">\r\n          <div> Qualitative Analysis <span>Content Quality Assessment (Content Analysis)<\/span><\/div>\r\n          <span class=\"esg-pill\" id=\"qualPill\">Updated based on filters<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"esg-panel\" style=\"margin-bottom:14px;\">\r\n          <div class=\"esg-filters wide\">\r\n            <div class=\"esg-field\">\r\n              <label for=\"qualMetric\">Report<\/label>\r\n              <select id=\"qualMetric\">\r\n                <option value=\"esg\">ESG<\/option>\r\n                <option value=\"tcfd\">TCFD<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"esg-field\">\r\n              <label for=\"qualGroup\">Listing Status<\/label>\r\n              <select id=\"qualGroup\">\r\n                <option value=\"nonListed\">Non-Listed<\/option>\r\n                <option value=\"listed\">Listed<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"esg-field\">\r\n              <label for=\"qualSector\">Sector<\/label>\r\n              <select id=\"qualSector\">\r\n                <option value=\"\">All<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"esg-field\" style=\"display:flex;justify-content:flex-end;\">\r\n              <button class=\"esg-btn primary\" id=\"qualReset\" type=\"button\" style=\"margin-top:auto;\">Reset<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"esg-badge\" id=\"qualHint\">\r\n            \u2728 <span><b>Note:<\/b> Cards and charts update automatically based on filters.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"esg-grid\" id=\"qualCards\"><\/div>\r\n\r\n        <div class=\"esg-grid\" style=\"margin-top:14px;\">\r\n          <div class=\"esg-card\">\r\n            <div class=\"esg-cardTitle\" id=\"qualPieTitle\">Rating Rating Distribution<\/div>\r\n            <div class=\"esg-chartBox\"><canvas id=\"qualPie\"><\/canvas><\/div>\r\n          <\/div>\r\n          <div class=\"esg-card\">\r\n            <div class=\"esg-cardTitle\" id=\"qualBarTitle\">Rating Distribution (Bar)<\/div>\r\n            <div class=\"esg-chartBox\"><canvas id=\"qualBar\"><\/canvas><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section id=\"view-whitelist\" class=\"esg-view\">\r\n        <div class=\"esg-sectionTitle\">\r\n          <div>Top Performers List<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"esg-panel\" style=\"margin-bottom:14px;\">\r\n          <div class=\"esg-filters\">\r\n            <div class=\"esg-field\" style=\"grid-column: span 12;\">\r\n              <label for=\"w_q\">Search<\/label>\r\n              <input id=\"w_q\" type=\"search\" placeholder=\"Search by company name\" \/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"esg-tableWrap\">\r\n          <table>\r\n            <thead>\r\n              <tr>\r\n                <th>Company<\/th>\r\n                <th>Listing Status<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"w_rows\"><\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n      <\/section>\r\n    <\/main>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      'use strict';\r\n\r\n      const views = [\"home\",\"qual\",\"whitelist\"];\r\n      const tabs = document.querySelectorAll('#esgNav a');\r\n      const header = document.getElementById('esgDashboardHeader');\r\n\r\n      function setHeaderH(){\r\n        const h = header.getBoundingClientRect().height;\r\n        document.documentElement.style.setProperty('--esg-headerH', `${Math.ceil(h)}px`);\r\n      }\r\n      window.addEventListener('resize', setHeaderH);\r\n      setHeaderH();\r\n\r\n      function show(view){\r\n        views.forEach(v=>{\r\n          document.getElementById('view-'+v).classList.toggle('active', v === view);\r\n        });\r\n        tabs.forEach(a=>{\r\n          if (a.dataset.view) {\r\n            a.classList.toggle('active', a.dataset.view === view);\r\n          } else {\r\n            a.classList.remove('active');\r\n          }\r\n        });\r\n        setHeaderH();\r\n      }\r\n\r\n      function fromHash(){\r\n        const v = (location.hash || \"#home\").replace(\"#\",\"\");\r\n        show(views.includes(v) ? v : \"home\");\r\n      }\r\n      window.addEventListener('hashchange', fromHash);\r\n      fromHash();\r\n\r\n      const overlay = document.getElementById('overlay');\r\n      const closeModal = document.getElementById('closeModal');\r\n      const closeModal2 = document.getElementById('closeModal2');\r\n\r\n      function hideModal(){ overlay.classList.remove('show'); }\r\n      function showModal(){ overlay.classList.add('show'); }\r\n\r\n      closeModal.addEventListener('click', hideModal);\r\n      closeModal2.addEventListener('click', hideModal);\r\n      overlay.addEventListener('click', (e)=>{ if(e.target === overlay) hideModal(); });\r\n\r\n      Chart.defaults.font.family = 'Cairo, Tahoma, Arial, Segoe UI, sans-serif';\r\n      Chart.defaults.font.size = 13;\r\n\r\n      const ratingKeys = ['excellent','veryGood','good','acceptable','needsImprovement'];\r\n      const ratingLabelsAr = ['Excellent','Very Good','Good','Acceptable','Needs Improvement'];\r\n\r\n      const qualColors = {\r\n        excellent: '#002060',\r\n        veryGood: '#8DCA4D',\r\n        good: '#005D87',\r\n        acceptable: '#BD8D00',\r\n        needsImprovement: '#7C0000'\r\n      };\r\n      const ratingColors = [qualColors.excellent, qualColors.veryGood, qualColors.good, qualColors.acceptable, qualColors.needsImprovement];\r\n\r\n      const esgQual = {\r\n        nonListedSectors: [\r\n          { name: 'Capital Market', ratings: [4, 3, 5, 16, 14] },\r\n          { name: 'Insurance', ratings: [0, 1, 13, 16, 4] },\r\n          { name: 'Mortgage Finance', ratings: [2, 0, 4, 2, 5] },\r\n          { name: 'Consumer Finance', ratings: [1, 1, 8, 6, 4] },\r\n          { name: 'Factoring', ratings: [0, 0, 2, 2, 0] },\r\n          { name: 'Leasing', ratings: [1, 1, 11, 8, 8] },\r\n          { name: 'Microfinance', ratings: [0, 1, 6, 5, 4] }\r\n        ],\r\n        listedRatings: { excellent: 4, veryGood: 14, good: 45, acceptable: 104, needsImprovement: 48 },\r\n        listedSplit: {\r\n          nonBank: [2, 0, 6, 14, 8],\r\n          other:   [2, 14, 39, 90, 40]\r\n        }\r\n      };\r\n\r\n      const tcfdQual = {\r\n        nonListedSectors: [\r\n          { name: 'Capital Market', ratings: [0, 0, 4, 3, 6] },\r\n          { name: 'Insurance', ratings: [0, 0, 3, 6, 3] },\r\n          { name: 'Mortgage Finance', ratings: [0, 1, 1, 0, 1] },\r\n          { name: 'Consumer Finance', ratings: [0, 0, 2, 1, 1] },\r\n          { name: 'Factoring', ratings: [0, 0, 0, 0, 2] },\r\n          { name: 'Leasing', ratings: [0, 0, 1, 5, 5] },\r\n          { name: 'Microfinance', ratings: [0, 0, 0, 1, 2] }\r\n        ],\r\n        listedRatings: { excellent: 5, veryGood: 7, good: 15, acceptable: 49, needsImprovement: 43 },\r\n        listedSplit: {\r\n          nonBank: [1, 0, 1, 6, 8],\r\n          other:   [4, 7, 14, 43, 35]\r\n        }\r\n      };\r\n\r\n      const qualCharts = { pie:null, bar:null };\r\n\r\n      function pct(n, total){ return total ? Math.round((n\/total)*100) : 0; }\r\n      function ratingsToObj(arr){\r\n        return { excellent: arr[0]||0, veryGood: arr[1]||0, good: arr[2]||0, acceptable: arr[3]||0, needsImprovement: arr[4]||0 };\r\n      }\r\n      function getQualDataset(metric){ return metric === 'esg' ? esgQual : tcfdQual; }\r\n\r\n      function aggregateNonListedBySector(data, sectorName){\r\n        if(sectorName){\r\n          const s = data.nonListedSectors.find(x=>x.name===sectorName);\r\n          return s ? ratingsToObj(s.ratings) : ratingsToObj([0,0,0,0,0]);\r\n        }\r\n        const sum=[0,0,0,0,0];\r\n        data.nonListedSectors.forEach(s=>s.ratings.forEach((v,i)=>sum[i]+=v));\r\n        return ratingsToObj(sum);\r\n      }\r\n\r\n      function fillSectorOptions(){\r\n        const metric = document.getElementById('qualMetric').value;\r\n        const group  = document.getElementById('qualGroup').value;\r\n        const sectorSel = document.getElementById('qualSector');\r\n        const data = getQualDataset(metric);\r\n\r\n        if(group === 'listed'){\r\n          const cur = sectorSel.value;\r\n          const opts = [\r\n            {v:'', t:'All (Total Listed)'},\r\n            {v:'__nonBank__', t:'Non-Banking Financial Services'},\r\n            {v:'__other__',   t:'Other Sectors'}\r\n          ];\r\n          sectorSel.innerHTML = opts.map(o=>`<option value=\"${o.v}\" ${o.v===cur?'selected':''}>${o.t}<\/option>`).join('');\r\n          return;\r\n        }\r\n\r\n        const cur = sectorSel.value;\r\n        sectorSel.innerHTML =\r\n          `<option value=\"\">All<\/option>` +\r\n          data.nonListedSectors.map(s=>`<option value=\"${s.name}\" ${s.name===cur?'selected':''}>${s.name}<\/option>`).join('');\r\n      }\r\n\r\n      function renderQual(){\r\n        const metric = document.getElementById('qualMetric').value;\r\n        const group  = document.getElementById('qualGroup').value;\r\n        const sector = document.getElementById('qualSector').value;\r\n\r\n        fillSectorOptions();\r\n\r\n        const data = getQualDataset(metric);\r\n\r\n        let ratingsObj;\r\n        let totalCount;\r\n        let subtitle = `${metric.toUpperCase()} \u2022 ${group==='listed'?'Listed':'Non-Listed'}`;\r\n\r\n        if(group === 'listed'){\r\n          if(sector === '__nonBank__'){\r\n            ratingsObj = ratingsToObj(data.listedSplit.nonBank);\r\n            subtitle += ' \u2022 Non-Banking Financial Services';\r\n          }else if(sector === '__other__'){\r\n            ratingsObj = ratingsToObj(data.listedSplit.other);\r\n            subtitle += ' \u2022 Other Sectors';\r\n          }else{\r\n            ratingsObj = data.listedRatings;\r\n            subtitle += ' \u2022 Total Listed';\r\n          }\r\n          totalCount = Object.values(ratingsObj).reduce((a,b)=>a+b,0);\r\n        }else{\r\n          ratingsObj = aggregateNonListedBySector(data, sector || \"\");\r\n          totalCount = Object.values(ratingsObj).reduce((a,b)=>a+b,0);\r\n          subtitle += sector ? ` \u2022 ${sector}` : ' \u2022 Total Non-Listed';\r\n        }\r\n\r\n        document.getElementById('qualPill').textContent = subtitle;\r\n        document.getElementById('qualPieTitle').textContent = `Rating Distribution \u2014 ${subtitle}`;\r\n        document.getElementById('qualBarTitle').textContent = `Rating Distribution (Bar) \u2014 ${subtitle}`;\r\n\r\n        document.getElementById('qualHint').innerHTML =\r\n          `\u2728 <span><b>Current view:<\/b> ${subtitle} \u2014 results update automatically based on filters.<\/span>`;\r\n\r\n        const cards = document.getElementById('qualCards');\r\n        const totalCard = `\r\n          <div class=\"esg-card\">\r\n            <div class=\"esg-cardTitle\">Total Companies<\/div>\r\n            <div class=\"esg-cardValue\">${totalCount}<small>${subtitle}<\/small><\/div>\r\n          <\/div>\r\n        `;\r\n        const ratingCards = ratingKeys.map((k, idx)=>{\r\n          const c = ratingsObj[k] || 0;\r\n          const p = pct(c, totalCount);\r\n          return `\r\n            <div class=\"esg-card\">\r\n              <div class=\"esg-cardTitle\">${ratingLabelsAr[idx]}<\/div>\r\n              <div class=\"esg-cardValue\" style=\"color:${ratingColors[idx]}\">\r\n                ${c}\r\n                <small>Share: ${p}%<\/small>\r\n              <\/div>\r\n            <\/div>\r\n          `;\r\n        }).join('');\r\n        cards.innerHTML = totalCard + ratingCards;\r\n\r\n        const arr = ratingKeys.map(k=>ratingsObj[k] || 0);\r\n\r\n        if(qualCharts.pie) qualCharts.pie.destroy();\r\n        qualCharts.pie = new Chart(document.getElementById('qualPie'),{\r\n          type:'pie',\r\n          data:{ labels: ratingLabelsAr, datasets:[{ data: arr, backgroundColor: ratingColors }] },\r\n          options:{\r\n            responsive:true, maintainAspectRatio:false,\r\n            plugins:{\r\n              legend:{ position:'top', rtl:false },\r\n              tooltip:{\r\n                rtl:false,\r\n                callbacks:{\r\n                  label:(ctx)=>{\r\n                    const v = ctx.parsed;\r\n                    const t = ctx.dataset.data.reduce((a,b)=>a+b,0);\r\n                    const perc = t ? ((v\/t)*100).toFixed(1) : 0;\r\n                    return `${ctx.label}: ${v} (${perc}%)`;\r\n                  }\r\n                }\r\n              }\r\n            },\r\n            animation:{ animateRotate:true, animateScale:true }\r\n          }\r\n        });\r\n\r\n        if(qualCharts.bar) qualCharts.bar.destroy();\r\n        qualCharts.bar = new Chart(document.getElementById('qualBar'),{\r\n          type:'bar',\r\n          data:{ labels: ratingLabelsAr, datasets:[{ label:'Number of Companies', data: arr, backgroundColor: ratingColors, borderRadius: 12 }] },\r\n          options:{\r\n            responsive:true, maintainAspectRatio:false,\r\n            plugins:{ legend:{ display:false } },\r\n            scales:{ x:{ reverse:false, grid:{ display:false } }, y:{ beginAtZero:true } },\r\n            animation:{ duration:900, easing:'easeOutQuart' }\r\n          }\r\n        });\r\n      }\r\n\r\n      function initQual(){\r\n        const metricSel = document.getElementById('qualMetric');\r\n        const groupSel  = document.getElementById('qualGroup');\r\n        const sectorSel = document.getElementById('qualSector');\r\n\r\n        metricSel.addEventListener('change', ()=>{ fillSectorOptions(); renderQual(); });\r\n        groupSel.addEventListener('change',  ()=>{ fillSectorOptions(); renderQual(); });\r\n        sectorSel.addEventListener('change', renderQual);\r\n\r\n        document.getElementById('qualReset').addEventListener('click', ()=>{\r\n          metricSel.value = 'esg';\r\n          groupSel.value = 'nonListed';\r\n          fillSectorOptions();\r\n          sectorSel.value = '';\r\n          renderQual();\r\n        });\r\n\r\n        fillSectorOptions();\r\n        renderQual();\r\n      }\r\n\r\n      const whiteListCompanies = [\r\n      {name:\"EFG Holding\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"},\r\n      {name:\"Qalaa Holding\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"},\r\n      {name:\"Alexandria New Medical Center\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"Listed\"},\r\n      {name:\"Delta Sugar Company\", sector:\" \u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"},\r\n      {name:\"TAQA\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"Listed\"},\r\n      {name:\"Commercial International Bank - CIB Egypt\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"},\r\n      {name:\"CAMEL VENTURES\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"nonListed\"},\r\n      {name:\"Al- Tameer Mortgage Finance - aloula\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"nonListed\"},\r\n      {name:\"GB-Corporation\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"Listed\"},\r\n      {name:\"Middle East Glass\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"},\r\n      {name:\"ARABIAN CEMENT\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"Listed\"},\r\n      {name:\"Mashroey\", sector:\"\u0627\u0644\u062a\u0645\u0648\u064a\u0644\", status:\"nonListed\"},\r\n      {name:\"ORASCOM INVESTMENT\", sector:\"\u0633\u0648\u0642 \u0645\u0627\u0644\", status:\"listed\"}\r\n      ];\r\n\r\n      const statusLabel = (s)=> (String(s).toLowerCase()===\"listed\" ? \"Listed\" : \"Non-Listed\");\r\n\r\n      function renderWhitelist(){\r\n        const q = document.getElementById('w_q').value.trim().toLowerCase();\r\n\r\n        const filtered = whiteListCompanies.filter(c=>{\r\n          const okQ = !q || c.name.toLowerCase().includes(q) || c.sector.toLowerCase().includes(q);\r\n          return okQ;\r\n        });\r\n\r\n        const tbody = document.getElementById('w_rows');\r\n        tbody.innerHTML = '';\r\n        filtered.forEach((c)=>{\r\n          const tr = document.createElement('tr');\r\n          const statusLower = String(c.status).toLowerCase();\r\n          tr.innerHTML = `\r\n            <td>${c.name}<\/td>\r\n            <td><span class=\"esg-chip ${statusLower==='listed'?'ok':'mid'}\">${statusLabel(c.status)}<\/span><\/td>\r\n          `;\r\n          tbody.appendChild(tr);\r\n        });\r\n      }\r\n\r\n      window.addEventListener('DOMContentLoaded', ()=>{\r\n        initQual();\r\n        renderWhitelist();\r\n\r\n        ['input','change'].forEach(evt=>{\r\n          document.getElementById('w_q').addEventListener(evt, renderWhitelist);\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<div class=\"tmnf_excerpt\"><\/div>","protected":false},"author":104,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/pages\/21092440"}],"collection":[{"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/users\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/comments?post=21092440"}],"version-history":[{"count":3,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/pages\/21092440\/revisions"}],"predecessor-version":[{"id":21092443,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/pages\/21092440\/revisions\/21092443"}],"wp:attachment":[{"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/media?parent=21092440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/categories?post=21092440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fra.gov.eg\/en\/wp-json\/wp\/v2\/tags?post=21092440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}