/* === Block 1 (line 16015) === */
:root{
      /* removed: --bg:#0d1117 - now in design-system.css */
      --glass: rgba(15, 23, 42, 0.52);
      --card: rgba(15, 23, 42, 0.50);
      --muted: rgba(2, 6, 23, 0.45);
      --border: rgba(255,255,255,0.10);
      --borderSoft: rgba(255,255,255,0.12);
      --shadow: 0 14px 34px rgba(0,0,0,0.38);
      --shadowDeep: 0 26px 90px rgba(0,0,0,0.68);
      --text:#c2ccd9;
      --textMuted:#7a8ea8;
      --textSoft:#9aafc4;
      --placeholder:#94a3b8;
      --metaTheme:#0d1117;
    }

    html[data-theme="light"]{
      /* removed: --bg:#f0f4f8 - now in design-system.css */
      --glass: rgba(255,255,255,0.92);
      --card: rgba(255,255,255,0.98);
      --muted: rgba(15,23,42,0.05);
      --border: rgba(15,23,42,0.13);
      --borderSoft: rgba(15,23,42,0.09);
      --shadow: 0 4px 16px rgba(15,23,42,0.09);
      --shadowDeep: 0 16px 48px rgba(15,23,42,0.13);
      --text:#374151;
      --textMuted:#6b7280;
      --textSoft:#4b5563;
      --placeholder:#94a3b8;
      --metaTheme:#f0f4f8;
    }

    html[data-theme="light"] body, html[data-theme="light"] div, html[data-theme="light"] span, html[data-theme="light"] p, html[data-theme="light"] a { -webkit-font-smoothing: antialiased; }
    html[data-theme="light"] .text-white{ color: #1f2937 !important; }
    html[data-theme="light"] .text-slate-400{ color: #475569 !important; }
    
   html, body { min-height: 100%; margin: 0; padding: 0; }
body { 
    font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; 
    overflow-x: hidden; 
    overscroll-behavior-y: none !important; 
}

    /* Accessibility: Screen-reader only utility */
    .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
    .not-sr-only{position:static; width:auto; height:auto; padding:0; margin:0; overflow:visible; clip:auto; white-space:normal;}

    .glass{background:var(--glass); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid var(--borderSoft); box-shadow: var(--shadow);}
    .card{background: var(--card); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;}
    .soft{background: var(--muted); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--border); border-radius: 14px;}
    
    .btn{border-radius: 12px; font-weight: 400; transition: 180ms ease; border:1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
    .btn:hover{background: rgba(255,255,255,0.09); box-shadow: 0 10px 22px rgba(0,0,0,0.22);}
    .btn:active{transform: translateY(1px) scale(0.99);}
    .btn-primary{background: #059669; border-color: rgba(16,185,129,0.35); color:white;}
    .btn-primary:hover{background: #10b981;}
    .btn-ghost{background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06);}
    .btn-ghost:hover{background: rgba(255,255,255,0.07);}
    
    .inp{width:100%; background: var(--muted); border: 1px solid var(--border); color: var(--text); padding: 10px 12px; border-radius: 10px; outline: none;}
    .inp:focus{border-color: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,0.14);}
    
    .badge{border: 2px solid rgba(255,255,255,0.12); background: rgba(0,0,0,0.55); backdrop-filter: blur(6px); border-radius: 10px; padding: 6px 10px; font-weight: 400; font-size: 12px;}
    .b-true{color:#34d399; border-color: rgba(5,150,105,0.65);}
    .b-false{color:#fb7185; border-color: rgba(244,63,94,0.60);}
    .b-mixed{color:#fbbf24; border-color: rgba(251,191,36,0.62);}
    .b-monitor{color:#60a5fa; border-color: rgba(96,165,250,0.62);}

    /* Facebook Card Styles */
    .fb-clean-card { padding: 0 !important; overflow: hidden; }
    .fb-header { padding: 12px 16px 0 16px; margin-bottom: 8px; }
    .fb-content { padding: 4px 16px 12px 16px; }
    .fb-media-box { width: 100%; background: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-top: 4px; }
    .fb-media-box img { width: 100%; max-height: 700px; object-fit: cover; }
    .fb-verdict-box { margin: 0; padding: 12px 16px; background: rgba(255,255,255,0.03); border-top: 1px solid var(--borderSoft); border-bottom: 1px solid var(--borderSoft); }
    .fb-stats { padding: 10px 16px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--textMuted); }
    .fb-actions-grid { display: flex; border-top: 1px solid var(--borderSoft); padding: 4px 8px; }
    .fb-action-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 0; color: var(--textMuted); font-weight: 600; font-size: 14px; border-radius: 6px; background: transparent; border: none; }
    .fb-action-btn:hover { background: rgba(255,255,255,0.05); }
    html[data-theme="light"] .fb-action-btn:hover { background: rgba(0,0,0,0.05); }
    .fb-action-btn.is-liked { color: #3b82f6 !important; }

    /* FB Style Comment Input */
    .fb-comment-area { padding: 12px 16px; border-top: 1px solid var(--borderSoft); background: rgba(0,0,0,0.02); }
    .fb-inp-wrapper { position: relative; width: 100%; }
    .fb-inp-field { width: 100%; background: var(--muted); border: 1px solid var(--borderSoft); border-radius: 24px; padding: 10px 16px 10px 44px; outline: none; color: var(--text); font-size: 14px; transition: 0.2s; }
    html[dir="rtl"] .fb-inp-field { padding: 10px 44px 10px 16px; }
    .fb-inp-field:focus { background: var(--card); border-color: var(--border); }
    .fb-cam-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; color: var(--textMuted); cursor: pointer; display: flex; align-items: center; }
    html[dir="rtl"] .fb-cam-btn { right: auto; left: 12px; }
    .fb-cam-btn:hover { color: #10b981; }

    /* Read More / Clamp */
    .clamp-2{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}
    .clamp-3{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden;}
    .rm-btn{cursor:pointer; font-size:13px; font-weight:600;}
    html[data-theme="light"] .rm-btn { color: #047857 !important; font-weight: 600 !important; }

    /* Layout Utils */
    .feed-column{max-width: 680px; margin: 0 auto; width: 100%;}
    .pulse-dot{width:10px;height:10px;border-radius:999px;background:#10b981; box-shadow: 0 0 0 0 rgba(16,185,129,0.7); animation: pulse 2s infinite;}
    @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.6);} 70%{box-shadow:0 0 0 16px rgba(16,185,129,0);} 100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}
    .skeleton{background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.12), rgba(255,255,255,0.05)); background-size: 200% 100%; animation: sk 1.2s infinite; border-radius: 12px;}
    @keyframes sk{0%{background-position:0% 0;} 100%{background-position:-200% 0;}}
    .dropdown{display:none;} .dropdown.show{display:block;}
    .toast{position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 200; min-width: 260px; max-width: min(92vw, 520px); padding: 12px 14px; border-radius: 10px; font-weight: 400; box-shadow: var(--shadowDeep); opacity: 0; pointer-events: none; transition: 220ms ease;}
    .toast.show{opacity: 1; bottom: 44px; pointer-events: auto;}
    .toast.success{background: rgba(5,150,105,0.95); border: 1px solid rgba(52,211,153,0.55);}
    .toast.error{background: rgba(220,38,38,0.95); border: 1px solid rgba(248,113,113,0.55);}
    .italic, i, em{font-style: normal !important;}
    /* removed font-weight: 600 !important - was breaking all bold text */

   @media (max-width: 1024px){ body{padding-top: 5rem !important;} .feed-column{max-width: 100%;} #notifMenu{left:auto; right:0;} }
    @media (max-width: 640px){ #notifMenu{ position: fixed !important; top: calc(env(safe-area-inset-top) + 74px) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; z-index: 160 !important; } }

    /* Icons */
    .act-svg{width:18px; height:18px; opacity:0.9;}
    .act-ico{display:inline-flex; align-items:center; justify-content:center;}
    
    /* Hunter Sidebars */
    .hunter-card{height: 560px; position: relative; overflow: hidden;}
    .hunter-bg{position:absolute; inset:0; background-repeat:no-repeat; background-position: center 10%; background-size: 145% auto; opacity: 0.95; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.45));}
    .hunter-vignette{position:absolute; inset:0; background: radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0.10), rgba(0,0,0,0.68));}
    .hunter-content{position: relative; z-index: 1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding: 18px;}
    .hunter-pill{background: rgba(2,6,23,0.30); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 18px; padding: 12px 14px;}
    .hunter-title{font-size: 14px; color: rgba(167,243,208,0.95); text-align:center;}
    .hunter-stats{display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px;}
    .hunter-stat{background: rgba(2,6,23,0.24); border: 1px solid rgba(255,255,255,0.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 18px; padding: 10px 8px; text-align:center;}
    .hunter-num{font-size: 20px; color: rgba(226,232,240,0.98);}
    .hunter-lbl{font-size: 11px; color: rgba(226,232,240,0.70); margin-top: 2px;}
    .hunter-slogan{margin-top: 12px; background: rgba(2,6,23,0.28); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 18px; padding: 12px 14px; text-align:center;}
    .hunter-slogan .s1{font-size: 11px; color: rgba(226,232,240,0.70);}
    .hunter-slogan .s2{margin-top: 6px; font-size: 15px; color: rgba(226,232,240,0.95);}

    .categories-card{position:relative; overflow:hidden;}
    .categories-like-hunter{min-height: 560px;}
    .categories-bg{position:absolute; inset:0; background-repeat:no-repeat; background-position:center 12%; background-size:145% auto; opacity:0.22; filter: drop-shadow(0 18px 38px rgba(0,0,0,0.30));}
    .categories-vignette{position:absolute; inset:0; background: radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0.06), rgba(0,0,0,0.64));}
    .categories-content{position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding:18px;}
    .categories-pill{padding:12px 14px;}
    .cat-head{text-align:center;}
    .cat-title{font-size:14px; color: rgba(167,243,208,0.95);}
    .cat-sub{font-size:11px; color: rgba(226,232,240,0.70); margin-top:6px;}
    .cat-list{margin-top:12px; display:flex; flex-direction:column; gap:10px;}
    .categories-item{display:flex; gap:10px; align-items:flex-start; background: rgba(2,6,23,0.24); border: 1px solid rgba(255,255,255,0.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius:18px; padding:10px 12px;}
    .cat-ico{font-size:22px; line-height:1; margin-top:2px;}
    .cat-name{font-size:14px; color: rgba(226,232,240,0.96);}
    .cat-desc{font-size:11px; color: rgba(226,232,240,0.70); margin-top:4px;}
    .cat-true{color: rgba(167,243,208,0.96);}
    .cat-false{color: rgba(253,164,175,0.96);}
    .cat-mixed{color: rgba(252,211,77,0.96);}
    .cat-watch{color: rgba(147,197,253,0.96);}
    .categories-note{margin-top:12px; background: rgba(2,6,23,0.28); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius:18px; padding:12px 14px; text-align:center;}
    .categories-note .note-title{font-size:11px; color: rgba(226,232,240,0.70);}
    .categories-note .note-text{margin-top:6px; font-size:12px; color: rgba(226,232,240,0.95); line-height:1.55;}

    /* Mobile Hero Fix - Strict Mode */
    #mobileHero { position: relative; height: 180px; width: 100%; border-radius: 16px; overflow: hidden; margin-bottom: 16px; }
    .mobile-hunter-hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none !important; }
    html[data-theme="light"] .hero-light { display: block !important; }
    html[data-theme="light"] .hero-dark { display: none !important; }
    html[data-theme="dark"] .hero-dark, html:not([data-theme="light"]) .hero-dark { display: block !important; }
    html[data-theme="dark"] .hero-light, html:not([data-theme="light"]) .hero-light { display: none !important; }
    
    /* Share Modal Styles */
    .share-icon-btn { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; transition: background 0.2s; }
    .share-icon-btn:hover { background: rgba(255,255,255,0.05); }
    html[data-theme="light"] .share-icon-btn:hover { background: rgba(0,0,0,0.05); }
    .share-icon-img { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; }

    /* Poll Styles */
    .poll-box { margin: 10px 16px; padding: 12px; background: rgba(255,255,255,0.03); border: 1px dashed var(--border); border-radius: 12px; }
    .poll-head { font-size: 13px; font-weight: bold; color: var(--textSoft); margin-bottom: 10px; text-align: center; }
    .poll-grid { display: flex; gap: 8px; }
    .poll-btn { flex: 1; padding: 8px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid var(--border); font-size: 12px; transition: 0.2s; cursor: pointer; color: var(--text); }
    .poll-btn:hover { background: rgba(255,255,255,0.1); }
    .poll-yes { border-color: rgba(248,113,113,0.3); color: #fca5a5; }
    .poll-no { border-color: rgba(74,222,128,0.3); color: #86efac; }
    .poll-res { animation: fadeIn 0.5s; }
    .p-bar { height: 6px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; margin-top: 4px; margin-bottom: 8px; }
    .p-fill { height: 100%; border-radius: 4px; transition: width 1s ease; }
    
    html[data-theme="light"] .poll-box { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.15); }
    html[data-theme="light"] .poll-btn { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.1); }
    html[data-theme="light"] .poll-btn:hover { background: rgba(0,0,0,0.05); }
    html[data-theme="light"] .poll-yes { color: #dc2626; border-color: rgba(220,38,38,0.4); font-weight: bold; background: rgba(220,38,38,0.05); }
    html[data-theme="light"] .poll-no { color: #059669; border-color: rgba(5,150,105,0.4); font-weight: bold; background: rgba(5,150,105,0.05); }
    html[data-theme="light"] .p-bar { background: rgba(0,0,0,0.1); }

    /* 1. Hunter Night Vision Mode (Stops when admin is open OR news tab is active) */
    html:not([data-theme="light"]):not(.admin-open):not(.news-active) body::before {
      content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
      background: repeating-linear-gradient(0deg, rgba(16,185,129,0.06), rgba(16,185,129,0.06) 1px, transparent 1px, transparent 4px);
      pointer-events: none; z-index: 9998;
    }
    html:not([data-theme="light"]):not(.admin-open):not(.news-active) body::after {
      content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 15vh;
      background: linear-gradient(to bottom, transparent, rgba(16,185,129,0.25), transparent);
      pointer-events: none; z-index: 9999; 
      transform: translateY(-100vh);
      animation: radarScanOptimized 6s linear infinite;
      will-change: transform;
    }
    @keyframes radarScanOptimized { 
      0% { transform: translateY(-20vh); } 
      100% { transform: translateY(120vh); } 
    }
    
    /* توهج وإضاءة وش هنتر بالتزامن مع الرادار الأخضر */
    html:not([data-theme="light"]):not(.admin-open):not(.news-active) .hunter-logo-scan {
      animation: hunterLightUp 6s linear infinite;
    }
    @keyframes hunterLightUp {
      0%, 10% { opacity: 0.3; filter: drop-shadow(0 0 10px rgba(16,185,129,0.1)) brightness(0.6) saturate(0.8); }
      20%, 30% { opacity: 1; filter: drop-shadow(0 0 40px rgba(16,185,129,0.8)) drop-shadow(0 0 80px rgba(16,185,129,0.5)) brightness(1.5) saturate(1.3); }
      40%, 100% { opacity: 0.3; filter: drop-shadow(0 0 10px rgba(16,185,129,0.1)) brightness(0.6) saturate(0.8); }
    }

    /* الإضافة الجديدة: مقياس الانتشار الفيروسي (Threat Meter) */
    .threat-bar-fill { height: 100%; transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1); }
    .threat-low { background: linear-gradient(90deg, #10b981, #34d399); box-shadow: 0 0 10px rgba(16,185,129,0.4); }
    .threat-med { background: linear-gradient(90deg, #f59e0b, #fbbf24); box-shadow: 0 0 10px rgba(245,158,11,0.4); }
    .threat-high { background: linear-gradient(90deg, #ef4444, #f87171); box-shadow: 0 0 12px rgba(239,68,68,0.6); }

    html:not([data-theme="light"]) .btn-primary { box-shadow: 0 0 15px rgba(16,185,129,0.6) !important; border: 1px solid rgba(16,185,129,0.9) !important; }
    html:not([data-theme="light"]) .btn-primary:hover { box-shadow: 0 0 25px rgba(16,185,129,0.9) !important; }
    html:not([data-theme="light"]) .card { border: 1px solid rgba(16,185,129,0.2) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px rgba(16,185,129,0.05) !important; }
    html:not([data-theme="light"]) .inp:focus { box-shadow: 0 0 15px rgba(16,185,129,0.4) !important; border-color: #10b981 !important; }

    /* 2. مؤشر التحقق الاحترافي (Professional Verdict Nodes) */
    .verdict-nodes-wrap { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; padding: 15px 25px; background: rgba(0,0,0,0.15); border: 1px solid var(--borderSoft); border-radius: 12px; position: relative; }
    html[data-theme="light"] .verdict-nodes-wrap { background: rgba(0,0,0,0.02); }
    .v-node { display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; z-index: 2; opacity: 0.35; filter: grayscale(1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    .v-node.active { opacity: 1; filter: grayscale(0); transform: scale(1.15); }
    .v-ico { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; background: var(--card); border: 2px solid var(--borderSoft); box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
    .v-lbl { font-size: 12px; font-weight: 900; color: var(--textMuted); }
    
    .active.v-true .v-ico { border-color: #10b981; background: rgba(16,185,129,0.1); box-shadow: 0 0 20px rgba(16,185,129,0.4); color: #10b981; }
    .active.v-mixed .v-ico { border-color: #fbbf24; background: rgba(251,191,36,0.1); box-shadow: 0 0 20px rgba(251,191,36,0.4); color: #fbbf24; }
    .active.v-false .v-ico { border-color: #ef4444; background: rgba(239,68,68,0.1); box-shadow: 0 0 20px rgba(239,68,68,0.4); color: #ef4444; }
    .active.v-monitor .v-ico { border-color: #60a5fa; background: rgba(96,165,250,0.1); box-shadow: 0 0 20px rgba(96,165,250,0.4); color: #60a5fa; }
    
    .active.v-true .v-lbl { color: #10b981; }
    .active.v-false .v-lbl { color: #ef4444; }
    .active.v-mixed .v-lbl { color: #fbbf24; }
    .active.v-monitor .v-lbl { color: #60a5fa; }
    
    .v-track { position: absolute; top: 34px; left: 40px; right: 40px; height: 2px; background: var(--borderSoft); z-index: 1; }

    /* 3. الوهج المحيطي القوي جداً */
    html:not([data-theme="light"]) .glow-false { box-shadow: 0 0 50px -10px rgba(239,68,68,0.45), inset 0 0 20px rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.4) !important; }
    html:not([data-theme="light"]) .glow-true { box-shadow: 0 0 50px -10px rgba(16,185,129,0.35), inset 0 0 20px rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.4) !important; }
    html:not([data-theme="light"]) .glow-mixed { box-shadow: 0 0 50px -10px rgba(251,191,36,0.35), inset 0 0 20px rgba(251,191,36,0.1) !important; border-color: rgba(251,191,36,0.4) !important; }

    /* Admin Additions */
    .stat-card { background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 12px; padding: 16px; text-align: center; }
    .stat-val { font-size: 24px; font-weight: 900; color: #10b981; }
    .template-btn { background: rgba(255,255,255,0.05); border: 1px solid var(--border); padding: 4px 10px; border-radius: 20px; font-size: 11px; cursor: pointer; transition: 0.2s; display: inline-block; }
    .template-btn:hover { background: #10b981; color: white; border-color: #10b981; }

    /* Official Post Styles */
    .official-post { border: 1px solid rgba(16,185,129,0.3) !important; box-shadow: 0 0 20px rgba(16,185,129,0.1) !important; background: linear-gradient(to bottom, rgba(16,185,129,0.05), transparent) !important; }
    html[data-theme="light"] .official-post { border: 1px solid rgba(5,150,105,0.3) !important; background: linear-gradient(to bottom, rgba(5,150,105,0.05), transparent) !important; }

  /* 🌟 Cinematic Verdict Overlays (الحل الاحترافي الجديد) 🌟 */
    .watermark-overlay { 
        position: absolute; 
        bottom: 0; 
        left: 0; 
        width: 100%; 
        /* تدرج لوني يعزل الكبسولة عن أي خلفية مزعجة للصورة */
        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
        padding: 40px 16px 16px 16px; 
        display: flex; 
        align-items: flex-end; 
        justify-content: center; 
        pointer-events: none; 
        z-index: 10; 
    }
    
    .watermark-text { 
        font-size: 17px !important; 
        font-weight: 900; 
        letter-spacing: 0.5px !important; 
        padding: 6px 28px; 
        border-radius: 999px; /* شكل الكبسولة المودرن */
        color: #ffffff !important; 
        text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.5); 
        text-align: center; 
        direction: rtl; 
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    
    /* ألوان الكبسولات مع تحديد صريح للخلفية والإطار */
    .wm-true { background: #059669 !important; border: 2px solid #34d399 !important; }
    .wm-false { background: #dc2626 !important; border: 2px solid #fca5a5 !important; }
    .wm-mixed { background: #d97706 !important; border: 2px solid #fcd34d !important; }
    
    /* إضافة أيقونات تلقائية بجانب الكلمة لزيادة الذكاء البصري */
    .wm-true::before { content: "✅"; font-size: 14px; }
    .wm-false::before { content: "❌"; font-size: 14px; }
    .wm-mixed::before { content: "⚠️"; font-size: 14px; }

    /* نقل زر التكبير للأعلى عشان ميزحمش شريط التحقق السفلي */
    html:not([data-theme="light"]) .absolute.bottom-3.left-3,
    html[data-theme="light"] .absolute.bottom-3.left-3 {
        bottom: auto !important;
        top: 12px !important;
        left: 12px !important;
    }

    /* ----------------------------------------------------- */
    /* NEW: News Section Specific Styles */
    /* ----------------------------------------------------- */
    .news-card { border: 1px solid rgba(6, 182, 212, 0.3) !important; box-shadow: 0 0 20px rgba(6, 182, 212, 0.1) !important; background: linear-gradient(to bottom, rgba(6, 182, 212, 0.05), transparent) !important; }
    html[data-theme="light"] .news-card { border: 1px solid rgba(8, 145, 178, 0.3) !important; background: linear-gradient(to bottom, rgba(8, 145, 178, 0.05), transparent) !important; }
    .news-watermark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-5deg); pointer-events: none; z-index: 0; opacity: 0.04; font-size: 4rem; font-weight: 900; color: #06b6d4; white-space: nowrap; user-select: none; }
    
/* ============================================================
   💎 TRUE PREMIUM LIGHT MODE (Clean & Modern like X/Facebook)
   ============================================================ */
/* removed: html[data-theme="light"] body override */

/* ── Typography (High Contrast & Readable) ── */
html[data-theme="light"] .text-white,
html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200 { color: #1f2937 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-slate-300 { color: #374151 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-slate-400 { color: #65676b !important; font-weight: 600 !important; }
html[data-theme="light"] .text-slate-500 { color: #8a8d91 !important; }

/* ── Fix for Tailwind Light Colors on White Background ── */
html[data-theme="light"] .text-cyan-300, html[data-theme="light"] .text-cyan-400 { color: #0284c7 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-emerald-300, html[data-theme="light"] .text-emerald-400 { color: #059669 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-amber-300, html[data-theme="light"] .text-amber-400 { color: #d97706 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-rose-400 { color: #e11d48 !important; font-weight: 600 !important; }
html[data-theme="light"] .text-blue-400 { color: #2563eb !important; font-weight: 600 !important; }

/* ── Cards & Containers (Crisp & Clean) ── */
html[data-theme="light"] .card, 
html[data-theme="light"] article.news-card,
html[data-theme="light"] .hunter-strategic-card,
html[data-theme="light"] .glass {
    background: #ffffff !important;
    border: 1px solid #ced0d4 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* ── Sidebars (Restoring Hunter Image & Fixing Readability) ── */
html[data-theme="light"] .hunter-card,
html[data-theme="light"] .categories-card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
html[data-theme="light"] .hunter-pill, 
html[data-theme="light"] .categories-pill {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* -- تظبيط صورة هنتر في القائمة اليمين فقط -- */
html[data-theme="light"] .hunter-bg {
    display: block !important;
    opacity: 0.18 !important;
    filter: invert(1) grayscale(1) contrast(1.2) !important;
}

/* -- إخفاء الصورة تماماً من خلفية القائمة الشمال (الأقسام) -- */
html[data-theme="light"] .categories-bg {
    display: none !important; /* مسح الصورة من اليسار */
}
html[data-theme="light"] .hunter-vignette, 
html[data-theme="light"] .categories-vignette {
    display: block !important;
    background: linear-gradient(to bottom, rgba(240,244,248,0.0) 0%, rgba(240,244,248,0.7) 45%, #f0f4f8 90%) !important;
}

/* بوكسات الإحصائيات والأقسام الداخلية */
html[data-theme="light"] .hunter-stat, 
html[data-theme="light"] .categories-item, 
html[data-theme="light"] .hunter-slogan, 
html[data-theme="light"] .categories-note {
    background: #ffffff !important;
    border: 1px solid #ced0d4 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
    color: #374151 !important;
}

/* تظبيط نصوص القوائم الجانبية المخصصة */
html[data-theme="light"] .hunter-title, 
html[data-theme="light"] .cat-title { color: #1f2937 !important; font-weight: 700 !important; }
html[data-theme="light"] .hunter-lbl, 
html[data-theme="light"] .cat-desc, 
html[data-theme="light"] .s1, 
html[data-theme="light"] .note-text { color: #65676b !important; font-weight: 600 !important; }
html[data-theme="light"] .cat-name, 
html[data-theme="light"] .s2 { color: #374151 !important; font-weight: 600 !important; }

/* ── Hunter AI Analysis Box (Elegant & Subtle Callout) ── */
html[data-theme="light"] .bg-slate-900\/90,
html[data-theme="light"] article.news-card .bg-slate-900\/90 {
    background: #f7f8fa !important;
    border: 1px solid #e5e7eb !important;
    border-right: 4px solid #0284c7 !important;
    border-left: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
html[data-theme="light"] .absolute.-inset-1.bg-gradient-to-r { display: none !important; }
html[data-theme="light"] .bg-cyan-500\/10 { background: transparent !important; border: none !important; box-shadow: none !important; }
html[data-theme="light"] .ai-typing-container { color: #374151 !important; font-size: 15px !important; }
#viewNews, #viewNews * { overflow-anchor: none; }

.ai-typing-container {
  contain: layout style;
  content-visibility: auto;
}

.ai-typing-container.ai-typing-active,
.ai-typing-container[data-typed="true"] {
  min-height: var(--typing-lock-height, 140px);
}

/* ── Golden Strategic Report (Refined & Readable) ── */
html[data-theme="light"] .hunter-strategic-card {
    background: #fffcf3 !important;
    border-color: #fde68a !important;
}
html[data-theme="light"] .hunter-strategic-card .bg-black\/40 { background: transparent !important; border: none !important; border-bottom: 1px solid #fef3c7 !important; border-radius: 0 !important; box-shadow: none !important; }
html[data-theme="light"] .hunter-strategic-card .bg-black\/30 { background: #ffffff !important; border: 1px solid #fde68a !important; box-shadow: 0 1px 3px rgba(245,158,11,0.05) !important; color: #374151 !important; }

/* ── Action Bars & Comments (Clean Separators) ── */
html[data-theme="light"] .fb-stats { background: #ffffff !important; border-color: #e5e7eb !important; color: #65676b !important; }
html[data-theme="light"] .fb-actions-grid { background: #ffffff !important; border-color: #e5e7eb !important; }
html[data-theme="light"] .fb-action-btn { color: #65676b !important; }
html[data-theme="light"] .fb-action-btn:hover { background: rgba(248, 250, 252, 0.8) !important; }
html[data-theme="light"] .fb-comment-area { background: rgba(248, 250, 252, 0.8) !important; border-color: #e5e7eb !important; }
html[data-theme="light"] .fb-inp-field { background: #ffffff !important; border: 1px solid #ced0d4 !important; color: #1f2937 !important; }

/* ── Top Tabs (Rumors vs News) ── */
html[data-theme="light"] .card:has(#btnRumors) { background: #e4e6eb !important; border: none !important; padding: 4px !important; }
html[data-theme="light"] #toggleBg { background: #ffffff !important; border: none !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; }

/* ── Forms & Badges ── */
html[data-theme="light"] .inp { background: rgba(248, 250, 252, 0.8) !important; border: 1px solid #ced0d4 !important; color: #1f2937 !important; font-weight: 600 !important; }
html[data-theme="light"] .inp:focus { background: #ffffff !important; border-color: #059669 !important; box-shadow: 0 0 0 2px rgba(5,150,105,0.1) !important; }
html[data-theme="light"] .btn-primary { background: #0f172a !important; color: #ffffff !important; border: none !important; font-weight: bold !important; }
html[data-theme="light"] .btn-primary:hover { background: #1e293b !important; box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; }
html[data-theme="light"] .btn-ghost { background: transparent !important; border: 1px solid #ced0d4 !important; color: #374151 !important; font-weight: bold !important; }
html[data-theme="light"] .btn-ghost:hover { background: rgba(248, 250, 252, 0.8) !important; }

/* ── Specific Overrides for Readability ── */
html[data-theme="light"] article.news-card .bg-slate-800 { background: rgba(248, 250, 252, 0.8) !important; border: 1px solid #ced0d4 !important; }
html[data-theme="light"] .text-[11px].text-slate-400 { color: #65676b !important; }
html[data-theme="light"] article.news-card .text-slate-300\/90 { color: #374151 !important; font-size: 16px !important; line-height: 1.8 !important; }
html[data-theme="light"] .threat-low { background: #10b981 !important; box-shadow: none !important; }
html[data-theme="light"] .threat-med { background: #f59e0b !important; box-shadow: none !important; }
html[data-theme="light"] .threat-high { background: #ef4444 !important; box-shadow: none !important; }

  /* ═══════════════════════════════════════════════════════════════
     HUNTER UX PROFESSIONAL UPGRADE — Dark & Light
     تحسينات شكلية فقط، بدون أي تعديل على الأكواد
  ═══════════════════════════════════════════════════════════════ */

  /* ── 1. الكارد الرئيسي: hover أنعم + حافة أوضح ── */
  .card {
    border-radius: 18px !important;
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease !important;
  }
  .card:hover {
    transform: translateY(-2px);
  }
  html:not([data-theme="light"]) .card:hover {
    box-shadow: 0 16px 48px rgba(0,0,0,0.55), 0 0 20px rgba(16,185,129,0.08) !important;
  }
  html[data-theme="light"] .card:hover {
    box-shadow: 0 8px 28px rgba(15,23,42,0.11) !important;
  }

  /* ── 2. الكارت compose (إرسال شائعة): خط علوي ملوّن ── */
  .compose-card {
    border-top: 2px solid rgba(16,185,129,0.35) !important;
    border-radius: 18px !important;
  }
  html[data-theme="light"] .compose-card {
    border-top: 2px solid rgba(5,150,105,0.30) !important;
  }

  /* ── 3. الـ badge: حواف ناعمة + padding أفضل ── */
  .badge {
    border-radius: 12px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    letter-spacing: 0.2px;
  }

  /* ── 4. كارت الشائعة — صندوق الادعاء: خلفية أوضح ── */
  html:not([data-theme="light"]) .fb-content .bg-rose-500\/5 {
    background: rgba(244,63,94,0.07) !important;
    border: 1px solid rgba(244,63,94,0.18) !important;
    border-radius: 14px !important;
  }
  html[data-theme="light"] .fb-content .bg-rose-500\/5 {
    background: #fff5f7 !important;
    border: 1px solid rgba(225,29,72,0.20) !important;
    border-radius: 14px !important;
  }

  /* ── 5. شريط الأزرار (إعجاب/تعليق/مشاركة): فصل أوضح + hover ناعم ── */
  .fb-actions-grid {
    border-top: 1px solid var(--borderSoft);
    background: rgba(0,0,0,0.12);
    padding: 2px 6px !important;
    gap: 2px;
  }
  html[data-theme="light"] .fb-actions-grid {
    background: #f8fafc !important;
  }
  .fb-action-btn {
    border-radius: 10px !important;
    padding: 9px 4px !important;
    font-size: 13.5px !important;
    transition: background 150ms ease, color 150ms ease !important;
    gap: 6px !important;
  }
  html:not([data-theme="light"]) .fb-action-btn:hover {
    background: rgba(16,185,129,0.08) !important;
    color: #34d399 !important;
  }

  /* ── 6. صندوق نتيجة التحقق: تحسين visual weight ── */
  .fb-verdict-box {
    padding: 14px 18px !important;
    border-top: 1px solid var(--borderSoft) !important;
    border-bottom: 1px solid var(--borderSoft) !important;
  }

  /* ── 7. مقياس الانتشار الفيروسي: حواف أنعم ── */
  html:not([data-theme="light"]) .bg-black\/20.border.border-white\/5.rounded-xl {
    background: rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 14px !important;
  }
  html[data-theme="light"] .bg-black\/20.border.border-white\/5.rounded-xl {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
  }

  /* ── 8. كارت الأخبار: شريط علوي أعرض + hover سيان ── */
  article.news-card {
    border-radius: 18px !important;
    transition: transform 200ms ease, box-shadow 200ms ease !important;
  }
  html:not([data-theme="light"]) article.news-card:hover {
    box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 24px rgba(6,182,212,0.12) !important;
    transform: translateY(-2px);
  }
  html[data-theme="light"] article.news-card:hover {
    box-shadow: 0 8px 28px rgba(8,145,178,0.12) !important;
    transform: translateY(-2px);
  }

  /* ── 9. بوكس Hunter AI داخل كارت الأخبار ── */
  html:not([data-theme="light"]) article.news-card .bg-slate-900\/90 {
    background: rgba(8,14,36,0.85) !important;
    border: 1px solid rgba(6,182,212,0.22) !important;
    border-radius: 16px !important;
  }

  /* ── 10. شريط تبويب رادار/أخبار: border-radius أوضح ── */
  .card:has(#btnRumors) {
    border-radius: 16px !important;
    padding: 6px !important;
  }
  #toggleBg {
    border-radius: 10px !important;
  }

  /* ── 11. شريط الإحصائيات: padding أفضل ── */
  .fb-stats {
    padding: 10px 18px !important;
    font-size: 12.5px !important;
  }

  /* ── 12. حقل البحث: border-radius كامل + focus واضح ── */
  .inp.\\!rounded-full, input.inp[class*="rounded-full"] {
    border-radius: 999px !important;
  }

  /* ── 13. قسم التعليقات: padding أفضل ── */
  .fb-comment-area {
    padding: 14px 18px !important;
  }
  .fb-inp-field {
    border-radius: 999px !important;
    padding: 10px 18px 10px 48px !important;
    font-size: 13.5px !important;
  }
  html[dir="rtl"] .fb-inp-field {
    padding: 10px 48px 10px 18px !important;
  }

  /* ── 14. كارت مؤشرات التحقق: padding أكبر ── */
  .verdict-nodes-wrap {
    padding: 18px 28px !important;
    border-radius: 14px !important;
    margin: 16px 0 !important;
  }
  .v-ico {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
  }

  /* ── 15. كارت التقرير الذهبي: تحسين visual ── */
  .analysis-card {
    border-radius: 18px !important;
  }
  .sec-title {
    font-size: 13px !important;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    display: block;
  }

 /* ── 16. الـ rm-btn: أكثر وضوحاً ── */
  .rm-btn {
    font-size: 12.5px !important;
    padding: 3px 0 !important;
    align-items: center;
    gap: 4px;
  }
  .rm-btn.hidden {
    display: none !important; /* ده اللي بيجبره يختفي لو الجافاسكريبت قاله اختفي */
  }
  html:not([data-theme="light"]) .rm-btn { color: #60a5fa !important; }

  /* ── 17. موبايل — حجم خط أريح للقراءة ── */
 /* =======================================================
   تنسيق زراير التفاعل لـ 5 زراير (احترافي للموبايل)
======================================================= */
@media (max-width: 640px) {
    .fb-action-btn {
        flex-direction: column !important;
        gap: 3px !important;
        padding: 8px 0 !important;
        font-size: 10.5px !important;
    }
    .fb-action-btn .act-ico {
        transform: scale(1.1);
        margin-bottom: 2px;
    }
}

  /* ============================================================
     2026 COMPLETE VISUAL OVERHAUL (STYLE-ONLY)
     Modern card system + Facebook-like dark gray mode
     No functional logic changes
  ============================================================ */
  :root{
    --accent:#22c55e;
    --accentHover:#16a34a;
    --accentSoft:rgba(34,197,94,0.14);
    --danger:#f43f5e;
    --radius-xs:10px;
    --radius-sm:12px;
    --radius-md:16px;
    --radius-lg:20px;
    --radius-xl:24px;
  }

  html:not([data-theme="light"]){
    --bg:#18191a;                /* Facebook-like dark gray */
    --glass:#242526;
    --card:#242526;
    --muted:#3a3b3c;
    --border:#3e4042;
    --borderSoft:#3e4042;
    --shadow:0 8px 22px rgba(0,0,0,0.28);
    --shadowDeep:0 20px 64px rgba(0,0,0,0.50);
    --text:#c2ccd9;
    --textMuted:#7a8ea8;
    --textSoft:#9aafc4;
    --placeholder:#9aa0a6;
    --metaTheme:#18191a;
  }

html:not([data-theme="light"]) body{
      /* 🌟 التباين: إضاءة علوية خفيفة جداً تفصل الهيدر عن الأرضية */
      background: radial-gradient(1000px 250px at 50% 0%, rgba(249, 115, 22, 0.06), transparent 100%), #18191a !important;
      color:#c2ccd9 !important;
    }

  html:not([data-theme="light"]) .glass{
    background: rgba(36,37,38,0.95) !important;
    border: 1px solid rgba(62,64,66,0.95) !important;
    backdrop-filter: blur(12px) saturate(125%);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.32) !important;
  }

  html:not([data-theme="light"]) .card,
  html:not([data-theme="light"]) article.news-card{
    background: linear-gradient(180deg, rgba(43,44,45,0.98), rgba(36,37,38,0.98)) !important;
    border: 1px solid rgba(62,64,66,0.95) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow) !important;
  }
  html:not([data-theme="light"]) .card:hover,
  html:not([data-theme="light"]) article.news-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(0,0,0,0.35) !important;
    border-color: rgba(77,79,82,0.98) !important;
  }

  html:not([data-theme="light"]) .soft{
    background: #2b2c2d !important;
    border: 1px solid #45474a !important;
    border-radius: var(--radius-md) !important;
  }

  html:not([data-theme="light"]) .btn{
    background: #3a3b3c !important;
    border: 1px solid #4b4d50 !important;
    color: #c2ccd9 !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }
  html:not([data-theme="light"]) .btn:hover{
    background: #4b4d50 !important;
    border-color: #5b5d61 !important;
  }
  html:not([data-theme="light"]) .btn-primary{
    background: var(--accent) !important;
    border-color: rgba(34,197,94,0.8) !important;
    color: #06110a !important;
    box-shadow: 0 8px 20px rgba(34,197,94,0.24) !important;
  }
  html:not([data-theme="light"]) .btn-primary:hover{
    background: var(--accentHover) !important;
  }
  html:not([data-theme="light"]) .btn-ghost{
    background: #2f3031 !important;
    border-color: #4b4d50 !important;
    color: #9aafc4 !important;
  }

  html:not([data-theme="light"]) .inp,
  html:not([data-theme="light"]) .fb-inp-field{
    background: #3a3b3c !important;
    border: 1px solid #4b4d50 !important;
    color: #c2ccd9 !important;
    border-radius: 999px !important;
  }
  html:not([data-theme="light"]) .inp::placeholder,
  html:not([data-theme="light"]) .fb-inp-field::placeholder{
    color: #9aa0a6 !important;
  }
  html:not([data-theme="light"]) .inp:focus,
  html:not([data-theme="light"]) .fb-inp-field:focus{
    border-color: rgba(34,197,94,0.55) !important;
    box-shadow: 0 0 0 3px rgba(34,197,94,0.18) !important;
    background: #404246 !important;
  }

  html:not([data-theme="light"]) .fb-clean-card{
    overflow: hidden;
    border-radius: var(--radius-lg) !important;
  }
  html:not([data-theme="light"]) .fb-header{ padding: 14px 18px 0 18px !important; }
  html:not([data-theme="light"]) .fb-content{ padding: 6px 18px 14px 18px !important; }
  html:not([data-theme="light"]) .fb-verdict-box{
    background: #2b2c2d !important;
    border-top: 1px solid #3e4042 !important;
    border-bottom: 1px solid #3e4042 !important;
    padding: 14px 18px !important;
  }
  html:not([data-theme="light"]) .fb-stats{
    background: #242526 !important;
    color: #7a8ea8 !important;
    border-top: 1px solid #3e4042;
    border-bottom: 1px solid #3e4042;
    padding: 10px 18px !important;
  }
  html:not([data-theme="light"]) .fb-actions-grid{
    background: #242526 !important;
    border-top: 1px solid #3e4042 !important;
    padding: 6px 10px !important;
    gap: 6px !important;
  }
  html:not([data-theme="light"]) .fb-action-btn{
    border-radius: var(--radius-sm) !important;
    color: #7a8ea8 !important;
    font-weight: 700 !important;
    min-height: 40px;
  }
  html:not([data-theme="light"]) .fb-action-btn:hover{
    background: #3a3b3c !important;
    color: #c2ccd9 !important;
  }
  html:not([data-theme="light"]) .fb-action-btn.is-liked{
    color: #4f9cff !important;
  }
  html:not([data-theme="light"]) .fb-comment-area{
    background: #242526 !important;
    border-top: 1px solid #3e4042 !important;
    padding: 14px 18px !important;
  }

  html:not([data-theme="light"]) .badge{
    background: #333436 !important;
    border: 1px solid #4b4d50 !important;
    color: #c2ccd9 !important;
    border-radius: var(--radius-sm) !important;
    padding: 6px 12px !important;
    font-weight: 700 !important;
  }
  html:not([data-theme="light"]) .b-true{ color:#6ee7b7; border-color:rgba(16,185,129,0.45); background:rgba(16,185,129,0.13) !important; }
  html:not([data-theme="light"]) .b-false{ color:#fda4af; border-color:rgba(244,63,94,0.45); background:rgba(244,63,94,0.13) !important; }
  html:not([data-theme="light"]) .b-mixed{ color:#fcd34d; border-color:rgba(251,191,36,0.45); background:rgba(251,191,36,0.13) !important; }
  html:not([data-theme="light"]) .b-monitor{ color:#93c5fd; border-color:rgba(96,165,250,0.45); background:rgba(96,165,250,0.13) !important; }

  html:not([data-theme="light"]) .poll-box{
    background:#2b2c2d !important;
    border:1px solid #45474a !important;
    border-radius: var(--radius-md) !important;
  }
  html:not([data-theme="light"]) .poll-btn{
    background:#3a3b3c !important;
    border-color:#4b4d50 !important;
    border-radius: var(--radius-sm) !important;
    color:#9aafc4 !important;
    font-weight:700 !important;
  }
  html:not([data-theme="light"]) .poll-btn:hover{
    background:#4b4d50 !important;
  }
  html:not([data-theme="light"]) .p-bar{
    background:#3e4042 !important;
    border-radius:999px !important;
  }
  html:not([data-theme="light"]) .p-fill{
    border-radius:999px !important;
  }

  html:not([data-theme="light"]) .skeleton{
    background: linear-gradient(90deg, rgba(69,71,74,0.5), rgba(90,92,95,0.7), rgba(69,71,74,0.5)) !important;
    background-size: 220% 100% !important;
  }

  html:not([data-theme="light"]) .toast{
    border-radius: var(--radius-md) !important;
  }
  html:not([data-theme="light"]) .toast.success{
    background: rgba(21,128,61,0.96) !important;
    border-color: rgba(34,197,94,0.6) !important;
  }
  html:not([data-theme="light"]) .toast.error{
    background: rgba(190,24,54,0.96) !important;
    border-color: rgba(251,113,133,0.58) !important;
  }

  html:not([data-theme="light"]) .official-post{
    border: 1px solid rgba(34,197,94,0.34) !important;
    background: linear-gradient(180deg, rgba(34,197,94,0.08), rgba(36,37,38,0.96)) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.34), 0 0 0 1px rgba(34,197,94,0.14) inset !important;
  }
  html:not([data-theme="light"]) .news-card{
    border: 1px solid rgba(56,189,248,0.30) !important;
    background: linear-gradient(180deg, rgba(14,27,36,0.76), rgba(36,37,38,0.98)) !important;
  }

  html:not([data-theme="light"]) .compose-card{
    border-top: 1px solid rgba(34,197,94,0.38) !important;
  }
  html:not([data-theme="light"]) #toggleBg{
    background: #3a3b3c !important;
    border: 1px solid #4b4d50 !important;
    border-radius: 12px !important;
  }

  html:not([data-theme="light"]) #notifMenu .card,
  html:not([data-theme="light"]) #notifMenu{
    background: #242526 !important;
    border-color: #3e4042 !important;
  }

  /* ULTRA VISUAL OVERRIDE (obvious redesign) */
  html:not([data-theme="light"]) nav .glass{
    background: rgba(36,37,38,0.98) !important;
    border: 1px solid #4b4d50 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.36) !important;
  }
  html:not([data-theme="light"]) .feed-column{
    max-width: 760px !important;
  }
  html:not([data-theme="light"]) #timeline{
    gap: 18px !important;
  }
  html:not([data-theme="light"]) .card,
  html:not([data-theme="light"]) article.news-card{
    border-radius: 22px !important;
  }
  html:not([data-theme="light"]) .fb-action-btn{
    background: #303132 !important;
    border: 1px solid #46484b !important;
  }
  html:not([data-theme="light"]) .fb-action-btn:hover{
    background: #3a3b3c !important;
    border-color: #5a5c60 !important;
  }
  html:not([data-theme="light"]) .btn-primary{
    background: linear-gradient(180deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
  }
  html:not([data-theme="light"]) .fb-media-box{
    border-top: 1px solid #3e4042 !important;
    border-bottom: 1px solid #3e4042 !important;
  }
  html:not([data-theme="light"]) .news-watermark{
    opacity: 0.07 !important;
  }

  @media (max-width: 640px){
    html:not([data-theme="light"]) .card,
    html:not([data-theme="light"]) article.news-card,
    html:not([data-theme="light"]) .glass{
      border-radius: 16px !important;
    }
    html:not([data-theme="light"]) .fb-header{ padding: 12px 14px 0 14px !important; }
    html:not([data-theme="light"]) .fb-content,
    html:not([data-theme="light"]) .fb-verdict-box,
    html:not([data-theme="light"]) .fb-stats,
    html:not([data-theme="light"]) .fb-comment-area{
      padding-left: 14px !important;
      padding-right: 14px !important;
    }
    html:not([data-theme="light"]) .btn{
      min-height: 38px;
    }
  }

  /* FINAL OVERRIDE: disable old neon/radar look */
  html:not([data-theme="light"]):not(.admin-open):not(.news-active) body::before,
  html:not([data-theme="light"]):not(.admin-open):not(.news-active) body::after{
    display: none !important;
    content: none !important;
    animation: none !important;
  }
  html:not([data-theme="light"]) .hunter-logo-scan{
    animation: none !important;
    filter: none !important;
    opacity: 0.2 !important;
  }
  html:not([data-theme="light"]) .glow-false,
  html:not([data-theme="light"]) .glow-true,
  html:not([data-theme="light"]) .glow-mixed{
    box-shadow: var(--shadow) !important;
  }
  html:not([data-theme="light"]) .verdict-nodes-wrap{
    background: #2b2c2d !important;
    border-color: #3e4042 !important;
  }
  html:not([data-theme="light"]) .v-ico{
    background: #3a3b3c !important;
    border-color: #4b4d50 !important;
    box-shadow: none !important;
  }
  html:not([data-theme="light"]) .template-btn{
    background: #3a3b3c !important;
    border-color: #4b4d50 !important;
    color: #c2ccd9 !important;
  }
  html:not([data-theme="light"]) .template-btn:hover{
    background: #4b4d50 !important;
    color: #fff !important;
  }
/* 11. إصلاح وحماية زر قراءة المزيد (Clamp Fix) */
.clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.clamp-3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* تأكيد ظهور الزرار بشكل سليم لما يكون موجود */
.rm-btn:not(.hidden) {
    display: inline-flex !important;
    position: relative;
    z-index: 10;
    margin-top: 10px !important;
}

/* إصلاح فردة صندوق نص الادعاء (شيلنا المسافة من السلكتور عشان يطبق صح) */
html:not([data-theme="light"]) .fb-content.bg-rose-500\/5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 16px 20px !important;
}

/* === Block 2 (line 67302) === */
/* Loaded after external CSS to guarantee override */
    /* Sidebar swap (rumors vs verified bulletin) */
    .hunter-pill-rumors { display: block; }
    .hunter-pill-news { display: none; }
    html.news-active .hunter-pill-rumors { display: none; }
    html.news-active .hunter-pill-news { display: block; }

    .categories-rumors { display: block; }
    .categories-news { display: none; }
    html.news-active .categories-rumors { display: none; }
    html.news-active .categories-news { display: block; }

    html:not([data-theme="light"]){
      --bg:#18191a !important;
      --glass:#242526 !important;
      --card:#242526 !important;
      --muted:#3a3b3c !important;
      --border:#3e4042 !important;
      --borderSoft:#3e4042 !important;
      --text:#c2ccd9 !important;
      --textMuted:#7a8ea8 !important;
      --textSoft:#9aafc4 !important;
      --placeholder:#9aa0a6 !important;
      --metaTheme:#18191a !important;
    }
    html:not([data-theme="light"]) body{
      background:#18191a !important;
      color:#c2ccd9 !important;
    }
    html:not([data-theme="light"]) .glass,
    html:not([data-theme="light"]) .card,
    html:not([data-theme="light"]) article.news-card{
      background:#242526 !important;
      border:1px solid #3e4042 !important;
      box-shadow:0 8px 24px rgba(0,0,0,.32) !important;
    }
    html:not([data-theme="light"]) .btn{ background:#3a3b3c !important; border-color:#4b4d50 !important; color:#c2ccd9 !important; }
    html:not([data-theme="light"]) .btn-primary{ background:#22c55e !important; border-color:#22c55e !important; color:#fff !important; }
    html:not([data-theme="light"]) .btn-ghost{ background:#2f3031 !important; border-color:#4b4d50 !important; color:#9aafc4 !important; }
    html:not([data-theme="light"]) .inp,
    html:not([data-theme="light"]) .fb-inp-field{ background:#3a3b3c !important; border-color:#4b4d50 !important; color:#c2ccd9 !important; }
    html:not([data-theme="light"]) .fb-actions-grid{ background:#242526 !important; border-top:1px solid #3e4042 !important; }
    html:not([data-theme="light"]) .fb-action-btn{ background:#303132 !important; border:1px solid #46484b !important; color:#7a8ea8 !important; }
    html:not([data-theme="light"]) .fb-action-btn:hover{ background:#3a3b3c !important; color:#c2ccd9 !important; }
    html:not([data-theme="light"]) .fb-verdict-box,
    html:not([data-theme="light"]) .fb-comment-area,
    html:not([data-theme="light"]) .poll-box{ background:#2b2c2d !important; border-color:#3e4042 !important; }
    html:not([data-theme="light"]) .badge{ background:#333436 !important; border-color:#4b4d50 !important; color:#c2ccd9 !important; }

    /* kill old radar/neon visuals regardless of previous CSS */
    body::before, body::after{ animation:none !important; }
    html:not([data-theme="light"]) body::before,
    html:not([data-theme="light"]) body::after{
      content:none !important;
      display:none !important;
      background:none !important;
      box-shadow:none !important;
    }
    html:not([data-theme="light"]) .hunter-logo-scan{
      animation:none !important;
      filter:none !important;
      opacity:.22 !important;
    }
    /* =====================================================================
       ✨ MINIMALIST ELEGANCE (السهل الممتنع) - Clean, Matte, Subtle ✨
       ===================================================================== */
    .btn, .fb-action-btn, .poll-btn, .template-btn, .share-icon-btn {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        backdrop-filter: none !important; /* إلغاء الزجاج والدوشة */
    }

    /* --- تأثير الضغطة الحقيقية (إحساس فيزيائي ممتع) --- */
    .btn:active, .fb-action-btn:active, .poll-btn:active, .share-icon-btn:active {
        transform: scale(0.96) !important;
    }

    /* --- Dark Mode Base (هادئ ورايق) --- */
    html:not([data-theme="light"]) .fb-action-btn,
    html:not([data-theme="light"]) .btn-ghost,
    html:not([data-theme="light"]) .poll-btn,
    html:not([data-theme="light"]) .share-icon-btn,
    html:not([data-theme="light"]) .template-btn {
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.02) !important;
        color: #94a3b8 !important; /* لون رمادي مطفي */
    }
    
    html:not([data-theme="light"]) .fb-action-btn:hover,
    html:not([data-theme="light"]) .btn-ghost:hover,
    html:not([data-theme="light"]) .poll-btn:hover,
    html:not([data-theme="light"]) .share-icon-btn:hover,
    html:not([data-theme="light"]) .template-btn:hover {
        background: rgba(255, 255, 255, 0.05) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #f8fafc !important; /* أبيض ناصع عند المرور */
    }

    /* --- 🔥 زر اللايك (الأيقونة هي البطل) 🔥 --- */
    html:not([data-theme="light"]) .fb-action-btn.is-liked {
        background: rgba(59, 130, 246, 0.04) !important;
        border: 1px solid rgba(59, 130, 246, 0.1) !important;
        color: #60a5fa !important;
    }
    
    html:not([data-theme="light"]) .fb-action-btn.is-liked .act-ico {
        transform: scale(1.3); /* الأيقونة بتكبر وتبرز */
        filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.5)); /* توهج للأيقونة فقط */
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27) !important; /* تأثير النطة (Bouncy) */
    }

    /* --- الزراير الرئيسية (Solid & Matte) --- */
    html:not([data-theme="light"]) .btn-primary {
        background: #059669 !important; /* أخضر زمردي مطفي فخم */
        border: 1px solid rgba(255,255,255,0.05) !important;
        color: #ffffff !important;
    }
    html:not([data-theme="light"]) .btn-primary:hover {
        background: #10b981 !important;
        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.15) !important;
    }

    /* ================= Light Mode (أناقة وبساطة مطلقة) ================= */
    html[data-theme="light"] .fb-action-btn,
    html[data-theme="light"] .btn-ghost,
    html[data-theme="light"] .poll-btn,
    html[data-theme="light"] .share-icon-btn,
    html[data-theme="light"] .template-btn {
        background: transparent !important;
        border: 1px solid rgba(0, 0, 0, 0.03) !important;
        color: #64748b !important;
    }
    html[data-theme="light"] .fb-action-btn:hover,
    html[data-theme="light"] .btn-ghost:hover,
    html[data-theme="light"] .poll-btn:hover {
        background: rgba(0, 0, 0, 0.03) !important;
        border-color: rgba(0, 0, 0, 0.06) !important;
        color: #1f2937 !important;
    }
    html[data-theme="light"] .fb-action-btn.is-liked {
        background: rgba(37, 99, 235, 0.03) !important;
        border: 1px solid rgba(37, 99, 235, 0.1) !important;
        color: #2563eb !important;
    }
    html[data-theme="light"] .fb-action-btn.is-liked .act-ico {
        transform: scale(1.3);
        filter: drop-shadow(0 2px 4px rgba(37, 99, 235, 0.3));
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27) !important;
    }
    html[data-theme="light"] .btn-primary {
        background: #0f172a !important; /* كحلي داكن جداً للمظهر الفخم */
        border: none !important;
        color: #ffffff !important;
    }
    html[data-theme="light"] .btn-primary:hover {
        background: #1e293b !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    }
    /* =====================================================================
       🤖 HUNTER AI TERMINAL EFFECT (تأثير الكتابة الحية للذكاء الاصطناعي) 🤖
       ===================================================================== */
    .ai-cursor {
        display: inline-block;
        width: 6px;
        height: 14px;
        background-color: #06b6d4; /* لون سيان نيون */
        margin-right: 4px;
        vertical-align: -1px;
        animation: blinkCursor 0.8s step-end infinite;
        box-shadow: 0 0 8px rgba(6, 182, 212, 0.8);
    }
    @keyframes blinkCursor { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
    /* ============================================================
   🚀 HUNTER DARK ELEGANCE & ORANGE ACCENTS (تحديث حصري)
   ============================================================ */
html:not([data-theme="light"]) {
  /* 1. تغيير الألوان الأساسية للبرتقالي الأنيق */
  --accent: #f97316 !important; /* Orange 500 */
  --accentHover: #ea580c !important; /* Orange 600 */
  --accentSoft: rgba(249, 115, 22, 0.15) !important;

  /* 2. خلفيات أعمق وأنظف */
  --bg: #18191a !important;
  --card: #242526 !important;
  --glass: rgba(24, 24, 27, 0.8) !important;
  --border: rgba(255, 255, 255, 0.04) !important;
  --borderSoft: rgba(255, 255, 255, 0.02) !important;
  --shadow: 0 10px 40px -10px rgba(0,0,0,0.6) !important;
}

/* 3. تعديل الأزرار الأساسية (CTAs) لتدرج برتقالي فخم */
html:not([data-theme="light"]) .btn-primary {
  background: linear-gradient(135deg, #f97316, #ea580c) !important;
  border: 1px solid rgba(249, 115, 22, 0.4) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 25px -5px rgba(249, 115, 22, 0.35) !important;
  border-radius: 16px !important; /* حواف ناعمة حديثة */
  letter-spacing: 0.5px;
}
html:not([data-theme="light"]) .btn-primary:hover {
  background: linear-gradient(135deg, #fb923c, #f97316) !important;
  box-shadow: 0 12px 30px -5px rgba(249, 115, 22, 0.5) !important;
  transform: translateY(-2px);
}

/* 4. تحسين الكروت (إلغاء الحواف الداخلية لعودة المساحة الكاملة) */
html:not([data-theme="light"]) .card,
html:not([data-theme="light"]) article.news-card {
  background: var(--card) !important;
  border: 1px solid rgba(255,255,255,0.03) !important;
  border-radius: 24px !important; 
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* تأكيد على أن كروت التايم لاين تمتد للآخر بدون حواف مقصوصة */
html:not([data-theme="light"]) .fb-clean-card {
  padding: 0 !important;
}
html:not([data-theme="light"]) .card:hover,
html:not([data-theme="light"]) article.news-card:hover {
  border-color: rgba(249, 115, 22, 0.15) !important; /* لمسة برتقالي عند المرور */
  box-shadow: 0 20px 50px -10px rgba(0,0,0,0.8), 0 0 20px rgba(249, 115, 22, 0.06) !important;
  transform: translateY(-3px);
}

/* 5. لمسات البرتقالي في التبويبات العلوية (رادار الشائعات) */
html:not([data-theme="light"]) #btnRumors.text-emerald-400 {
  color: #f97316 !important;
}
html:not([data-theme="light"]) #toggleBg {
  background: rgba(249, 115, 22, 0.1) !important;
  border: 1px solid rgba(249, 115, 22, 0.2) !important;
  border-radius: 14px !important;
}

/* 6. تحسين حقول الإدخال (Inputs) لتناسب التصميم النظيف */
html:not([data-theme="light"]) .inp,
html:not([data-theme="light"]) .fb-inp-field {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 18px !important;
  transition: all 0.3s ease !important;
  padding: 12px 18px !important;
}
html:not([data-theme="light"]) .inp:focus,
html:not([data-theme="light"]) .fb-inp-field:focus {
  border-color: #f97316 !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.12) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* 7. تغيير وهج الإشعارات للون البرتقالي */
html:not([data-theme="light"]) .pulse-dot {
  background: #f97316 !important;
  box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7) !important;
  animation: pulse-orange 2s infinite !important;
}
@keyframes pulse-orange {
  0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.6); }
  70% { box-shadow: 0 0 0 16px rgba(249, 115, 22, 0); }
  100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
}

/* 8. تغيير أيقونات وأزرار الفيس بوك (اللايك وخلافه) عشان تليق مع الثيم */
html:not([data-theme="light"]) .fb-action-btn.is-liked {
  background: rgba(249, 115, 22, 0.05) !important;
  border: 1px solid rgba(249, 115, 22, 0.15) !important;
  color: #f97316 !important;
}
html:not([data-theme="light"]) .fb-action-btn.is-liked .act-ico {
  filter: drop-shadow(0 0 6px rgba(249, 115, 22, 0.6));
}
/* 9. توحيد ارتفاع القوائم الجانبية (يمين وشمال) عشان السيميترية */
html .hunter-card, 
html .categories-card {
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
}
/* ── 1. إصلاح زرار تكبير الصورة (خليه أبيض شيك بدل الأسود المطموس) ── */
html[data-theme="light"] .absolute.bottom-3.left-3.bg-black\/80 {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1f2937 !important; /* لون النص غامق وواضح */
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}
html[data-theme="light"] .absolute.bottom-3.left-3.bg-black\/80:hover {
    background: #ffffff !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15) !important;
}

/* ── 2. إصلاح مقياس الانتشار الفيروسي (ألوان نقية ومقروءة) ── */
/* الصندوق الخارجي للمقياس */
html[data-theme="light"] .mx-4.mb-4.bg-black\/20 {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}
/* البادج اللي مكتوب فيه الكلمة (محدود/نشط) */
html[data-theme="light"] .mx-4.mb-4 .bg-black\/40 {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
/* شريط التقدم الخلفي (عشان اللون الفلوريسنت يمشي عليه بنظافة) */
html[data-theme="light"] .mx-4.mb-4 .bg-black\/50 {
    background: #e2e8f0 !important;
    border: none !important;
}
/* =========================================
   COMPASS COMMAND CENTER — TERMINAL GREEN & FB UX
========================================= */
.compass-elite-wrap { margin-top: 8px; }

.compass-elite-card {
  border-radius: 12px;
  padding: 24px;
  background: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none; 
}

.compass-elite-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
}

.compass-elite-title {
  margin: 0 0 6px 0;
  font-size: 24px;
  font-weight: 900; 
  color: #10b981; /* أخضر الأكواد الفاقع */
  letter-spacing: 0.5px;
}

.compass-elite-subtitle {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
  font-weight: 500;
}

.compass-elite-trend-box {
  min-width: 140px;
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.15);
}

.compass-elite-trend-label {
  font-size: 12px;
  font-weight: 700;
  color: #10b981;
  margin-bottom: 4px;
}

.compass-elite-trend-value {
  font-size: 16px;
  font-weight: 900;
  color: #e2e8f0;
}

/* العناوين الداخلية: أخضر فاقع + رمز الأكواد */
.compass-elite-section-head {
  font-size: 17px;
  font-weight: 800; 
  color: #10b981;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(16, 185, 129, 0.15);
  display: flex;
  align-items: center;
  gap: 6px;
}
.compass-elite-section-head::before {
  content: ">_";
  font-family: monospace;
  color: #10b981;
  opacity: 0.8;
  font-size: 15px;
}

.compass-elite-panel {
  padding: 18px;
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04);
  margin-bottom: 16px;
}

.compass-elite-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.compass-elite-dominant {
  font-size: 18px;
  font-weight: 700; 
  line-height: 1.6;
  color: #ffffff;
}

/* متن القراءة (Body Text) - حجم وتجربة فيسبوك */
.compass-elite-body, .compass-elite-list {
  font-size: 16px; 
  font-weight: 500; 
  line-height: 1.75;
  color: #cbd5e1;
  text-align: right; 
}

.compass-elite-list {
  margin: 0;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.compass-elite-list li::marker { color: #10b981; }

.compass-elite-conclusion { background: rgba(16, 185, 129, 0.04); border-color: rgba(16, 185, 129, 0.1); }
.compass-elite-conclusion-text { font-size: 16px; line-height: 1.75; font-weight: 700; color: #f8fafc; }

/* Light Mode */
html[data-theme="light"] .compass-elite-card { background: #ffffff; border-color: #e2e8f0; }
html[data-theme="light"] .compass-elite-title, html[data-theme="light"] .compass-elite-dominant, html[data-theme="light"] .compass-elite-trend-value { color: #1f2937; }
html[data-theme="light"] .compass-elite-panel { background: #f8fafc; border-color: #e2e8f0; }
html[data-theme="light"] .compass-elite-trend-box { background: #ecfdf5; border-color: #a7f3d0; }
html[data-theme="light"] .compass-elite-section-head { color: #059669; border-bottom-color: #a7f3d0; }
html[data-theme="light"] .compass-elite-body, html[data-theme="light"] .compass-elite-list { color: #1e293b; }
html[data-theme="light"] .compass-elite-conclusion { background: #ecfdf5; border-color: #a7f3d0; }
html[data-theme="light"] .compass-elite-conclusion-text { color: #1f2937; }

/* Mobile (UX الفيس بوك) */
@media (max-width: 768px) {
  .compass-elite-card { padding: 16px; }
  .compass-elite-head { flex-direction: column; gap: 12px; padding-bottom: 12px; }
  .compass-elite-trend-box { width: 100%; padding: 12px; }
  .compass-elite-grid { grid-template-columns: 1fr; gap: 12px; }
  .compass-elite-panel { padding: 14px; margin-bottom: 12px; }
  .compass-elite-title { font-size: 22px; }
  .compass-elite-dominant { font-size: 17px; }
  .compass-elite-body, .compass-elite-list, .compass-elite-conclusion-text { font-size: 15.5px; line-height: 1.75; }
}

/* === Block 3 (line 85298) === */
/* --- توحيد لون التقرير الاستراتيجي والتابات مع كروت الأخبار --- */
  html:not([data-theme="light"]) .hunter-strategic-card,
  html:not([data-theme="light"]) .hunter-primary-nav {
      background: #242526 !important;
      background-image: none !important;
  }

/* === Block 4 (line 85581) === */
/* --- توحيد ستايل شريط التابات ليطابق كروت الأخبار تماماً --- */
  html:not([data-theme="light"]) .hunter-primary-nav {
      background: #242526 !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      border: 1px solid #3e4042 !important;
      box-shadow: 0 8px 24px rgba(0,0,0,.32) !important;
  }
  
  /* إزالة الإضاءة الداخلية العلوية التي كانت تغير درجة اللون */
  html:not([data-theme="light"]) .hunter-primary-nav::after {
      display: none !important;
  }
  /* تحسين حواف الكروت لتأثير زجاجي أفخم */
  html:not([data-theme="light"]) .card, 
  html:not([data-theme="light"]) article.news-card {
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.05) !important;
  }
 
  }

  /* تصميم شريط التنقل السفلي */
  .mobile-bottom-nav {
      position: fixed;
      bottom: 20px;
      left: 15px;
      right: 15px;
      height: 65px;
      background: #242526;
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 20px;
      display: none;
      z-index: 1000;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      justify-content: space-around;
      align-items: center;
      padding: 0 10px;
  }


  .nav-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #94a3b8;
      font-size: 11px;
      font-weight: bold;
      gap: 4px;
      cursor: pointer;
  }

  .nav-item.active { color: #f97316; } /* اللون البرتقالي المفضل لديك */
  .nav-item svg { width: 22px; height: 22px; }
  @media (max-width: 640px) {
  .hunter-strategic-card {
    width: calc(100% + 20px) !important;
    margin-right: -10px !important;
    margin-left: -10px !important;
    padding: 8px !important;
  }

  .hunter-strategic-card .bg-black\/40 {
    padding: 14px !important;
    margin-bottom: 14px !important;
  }

  .hunter-strategic-card .bg-black\/30 {
    margin-right: -6px !important;
    margin-left: -6px !important;
    padding: 12px 14px !important;
  }

  .hunter-strategic-card .text-\[13px\] {
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 600 !important;
  }

  .hunter-strategic-card .font-bold.text-\[13px\] {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

/* === Block 5 (line 99549) === */
.sections-nav-shell{
  position: sticky;
  top: 76px;
  z-index: 35;
  margin-bottom: 24px;
}

.sections-nav-label{
  margin-bottom: 10px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2px;
  color: #94a3b8;
}

.hunter-primary-nav{
  position: relative;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 9999px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hunter-primary-nav-indicator{ display: none !important; }

.hunter-primary-nav-btn{
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
}

.hunter-primary-nav-btn:hover{
  color: #e2e8f0;
}

.hunter-primary-nav-btn.is-active{
  /* styled by design-system.css */
}

.hunter-primary-nav-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(45,212,191,0.35);
}

html[data-theme="light"] .sections-nav-label{
  color: #64748b;
}

html[data-theme="light"] .hunter-primary-nav{
  background: rgba(255,255,255,0.92);
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 24px rgba(15,23,42,0.08);
}

html[data-theme="light"] .hunter-primary-nav-btn{
  color: #64748b;
}

html[data-theme="light"] .hunter-primary-nav-btn:hover{
  color: #1f2937;
}

html[data-theme="light"] .hunter-primary-nav-btn.is-active{
  color: #0f6e56;
}

.hunter-primary-nav::after{ display: none !important; }

html[data-theme="light"] .hunter-primary-nav::after{
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

@media (max-width: 640px){
  .sections-nav-shell{
    top: 64px;
    margin-bottom: 14px;
  }

  .sections-nav-label{
    font-size: 10px;
    margin-bottom: 6px;
  }

  .hunter-primary-nav{
    padding: 4px;
    border-radius: 14px;
    gap: 4px;
  }

  .hunter-primary-nav-indicator{
    border-radius: 3px;
    top: auto;
    bottom: 5px;
    height: 2.5px;
  }

  .hunter-primary-nav-btn{
    height: 36px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    letter-spacing: 0.1px;
  }
}

/* === Block 6 (line 103079) === */
/* ===== COMPASS REDESIGN ===== */
.mc-wrap { padding: 8px 0 24px; }
.mc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.mc-title-group { display: flex; align-items: center; gap: 14px; }
.mc-icon-box {
  width: 48px; height: 48px;
  background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(20,184,166,0.08));
  border: 1px solid rgba(16,185,129,0.25);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 20px rgba(16,185,129,0.15);
  flex-shrink: 0;
}
.mc-title { font-size: 22px; font-weight: 900; color: #10b981; margin: 0 0 3px; letter-spacing: 0.3px; }
.mc-date { font-size: 13px; color: #64748b; font-weight: 500; }
.mc-trend-badge {
  background: linear-gradient(135deg, rgba(16,185,129,0.12), rgba(20,184,166,0.06));
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 12px;
  padding: 10px 16px;
  text-align: right;
  min-width: 0;
  max-width: 100%;
}
.mc-trend-label { font-size: 13px; font-weight: 700; color: #10b981; margin-bottom: 3px; letter-spacing: 0.5px; }
.mc-trend-value { font-size: 15px; font-weight: 800; color: #f1f5f9; line-height: 1.4; }

/* بطاقة القضية والخلاصة */
.mc-top-card {
  background: linear-gradient(135deg, rgba(16,185,129,0.06) 0%, rgba(15,23,42,0.6) 100%);
  border: 1px solid rgba(16,185,129,0.15);
  border-radius: 18px;
  padding: 22px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.mc-top-card::before {
  content: '';
  position: absolute;
  top: -40px; right: -40px;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(16,185,129,0.12), transparent 70%);
  pointer-events: none;
}
.mc-section-label {
  font-size: 14px; font-weight: 800; letter-spacing: 0.8px;
  color: #10b981; text-transform: uppercase;
  display: flex; align-items: center; gap-6px;
  margin-bottom: 10px;
}
.mc-section-label::before { content: "◆"; font-size: 8px; margin-left: 5px; }
.mc-dominant-text { font-size: 17px; font-weight: 700; color: #f1f5f9; line-height: 1.85; margin-bottom: 18px; direction: rtl; word-break: keep-all; overflow-wrap: break-word; }
.mc-divider { height: 1px; background: rgba(255,255,255,0.07); margin: 16px 0; }
.mc-conclusion-text { font-size: 15px; font-weight: 600; color: #cbd5e1; line-height: 1.85; direction: rtl; text-align: justify; text-align-last: right; word-break: keep-all; overflow-wrap: break-word; }

/* شبكة الكتل الإعلامية */
.mc-blocs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
@media (max-width: 480px) { .mc-blocs-grid { grid-template-columns: 1fr; } }

.mc-bloc-card {
  background: rgba(15,23,42,0.5);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 16px;
  transition: border-color 0.25s, background 0.25s, transform 0.2s;
  position: relative;
  overflow: hidden;
}
.mc-bloc-card:hover {
  border-color: rgba(16,185,129,0.25);
  background: rgba(16,185,129,0.04);
  transform: translateY(-2px);
}
.mc-bloc-card::after {
  content: '';
  position: absolute;
  bottom: 0; right: 0;
  width: 40px; height: 40px;
  background: radial-gradient(circle at bottom right, rgba(16,185,129,0.07), transparent 70%);
  pointer-events: none;
}
.mc-bloc-flag {
  font-size: 22px;
  margin-bottom: 8px;
  display: block;
  line-height: 1;
}
.mc-bloc-name {
  font-size: 15px; font-weight: 800; color: #10b981;
  margin-bottom: 10px; letter-spacing: 0.3px;
}
.mc-bloc-text {
  font-size: 14px; font-weight: 500; color: #94a3b8; line-height: 1.85;
  text-align: justify;
  text-align-last: right;
  direction: rtl;
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: none;
}

/* بطاقة الغائب عن المشهد */
.mc-unspoken-card {
  background: linear-gradient(135deg, rgba(239,68,68,0.04), rgba(15,23,42,0.5));
  border: 1px solid rgba(239,68,68,0.12);
  border-radius: 18px;
  padding: 20px;
}
.mc-unspoken-title {
  font-size: 15px; font-weight: 800; color: #f87171;
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 14px; letter-spacing: 0.3px;
}
.mc-unspoken-title svg { flex-shrink: 0; }
#mcUnspoken { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
#mcUnspoken li {
  font-size: 14px; font-weight: 500; color: #cbd5e1;
  line-height: 1.75; padding-right: 16px;
  border-right: 2px solid rgba(248,113,113,0.3);
}

/* Light Mode */
html[data-theme="light"] .mc-top-card { background: linear-gradient(135deg, rgba(16,185,129,0.06), #ffffff); border-color: rgba(16,185,129,0.2); }
html[data-theme="light"] .mc-dominant-text { color: #1f2937; }
html[data-theme="light"] .mc-conclusion-text { color: #334155; }
html[data-theme="light"] .mc-bloc-card { background: #f8fafc; border-color: #e2e8f0; }
html[data-theme="light"] .mc-bloc-card:hover { background: #ecfdf5; border-color: rgba(16,185,129,0.3); }
html[data-theme="light"] .mc-bloc-text { color: #475569; }
html[data-theme="light"] .mc-trend-badge { background: #ecfdf5; border-color: #a7f3d0; }
html[data-theme="light"] .mc-trend-value { color: #1f2937; }
html[data-theme="light"] .mc-unspoken-card { background: #fff5f5; border-color: rgba(239,68,68,0.15); }
html[data-theme="light"] #mcUnspoken li { color: #1e293b; }
html[data-theme="light"] .mc-date { color: #94a3b8; }

/* === Block 7 (line 115162) === */
@keyframes scan {
    0% { top: -5%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 105%; opacity: 0; }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* === Block 8 (line 176036) === */
/* 🎨 ألوان النسخة الفاتحة للتقرير 🎨 */
                html[data-theme="light"] .hunter-strategic-card { background: linear-gradient(to bottom, #fffbeb, #ffffff) !important; border-color: rgba(217, 119, 6, 0.4) !important; box-shadow: 0 10px 30px rgba(217,119,6,0.1) !important; }
                html[data-theme="light"] .hunter-strategic-card .text-amber-400, html[data-theme="light"] .hunter-strategic-card .text-amber-300 { color: #b45309 !important; }
                html[data-theme="light"] .hunter-strategic-card .text-amber-500\\/60 { color: #d97706 !important; opacity: 1 !important; }
                html[data-theme="light"] .hunter-strategic-card .text-slate-300, html[data-theme="light"] .hunter-strategic-card .text-slate-400 { color: #334155 !important; font-weight: 600 !important; }
                html[data-theme="light"] .hunter-strategic-card .bg-black\\/40, html[data-theme="light"] .hunter-strategic-card .bg-black\\/30 { background: #fef3c7 !important; border-color: rgba(217, 119, 6, 0.2) !important; }
                html[data-theme="light"] .hunter-strategic-card .bg-black\\/60 { background: #fde68a !important; }
                html[data-theme="light"] .hunter-strategic-card .border-white\\/5 { border-color: rgba(217, 119, 6, 0.15) !important; }

/* === Block 9 (line 299958) === */
#pendingWrap img {
    max-height: 250px !important;
    width: auto !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    margin: 0 auto;
}
/* 1. تصميم الـ Spinner لتأثير السحب (Pull to Refresh) */
#native-ptr-loader {
  position: fixed;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(16,185,129,0.4);
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5), 0 0 15px rgba(16,185,129,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: top 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ptr-spin-icon {
  width: 22px;
  height: 22px;
  border: 3px solid rgba(16,185,129,0.2);
  border-top-color: #10b981;
  border-radius: 50%;
  animation: ptr-spin 0.8s linear infinite;
}
@keyframes ptr-spin { 100% { transform: rotate(360deg); } }
/* 10. فرد كروت رادار الشائعات بالكامل (Edge-to-Edge) وإلغاء القص الجانبي */

/* التأكيد على إلغاء المسافات من الكارت الرئيسي */
html:not([data-theme="light"]) .card.fb-clean-card {
    padding: 0 !important;
    overflow: hidden !important;
}

/* فرد صندوق النتيجة الداخلي (صحيح/مضلل) للآخر */
html:not([data-theme="light"]) .fb-verdict-box > div.bg-black\/20 {
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 20px !important;
}

/* فرد صندوق التصويت (Poll Box) */
html:not([data-theme="light"]) .poll-box {
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 16px 20px !important;
    background: rgba(255, 255, 255, 0.01) !important; /* تمييز خفيف للخلفية */
}

/* فرد عداد المراقبة (Speedometer) */
html:not([data-theme="light"]) .verdict-nodes-wrap {
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 20px !important;
    background: transparent !important;
}

/* فرد بوكس نص الادعاء (نص الشائعة) */
html:not([data-theme="light"]) .fb-content .bg-rose-500\/5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 16px 20px !important;
}

/* تظبيط مسافات الهيدر والإحصائيات لتتماشى مع الفردة الجديدة */
html:not([data-theme="light"]) .fb-header {
    padding: 20px 20px 10px 20px !important;
}
html:not([data-theme="light"]) .fb-stats {
    padding: 12px 20px !important;
}
/* =======================================================
   📱 تحسين مقروئية الموبايل (نفس معايير فيسبوك) - شامل
======================================================= */
@media (max-width: 640px) {
    /* 1. تكبير النص الأساسي للخبر أو الشائعة ونتيجة التحقق */
    html .rm-text, 
    html .leading-loose,
    html .fb-verdict-box .rm-text {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

    /* 2. تكبير عناوين الأخبار */
    html article.news-card h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    /* 3. تكبير أسماء المصادر واليوزرات */
    html .fb-header .font-bold,
    html .fb-header .font-black {
        font-size: 15px !important;
    }

    /* 4. تكبير الإحصائيات (اللايكات والتعليقات) والتواريخ */
    html .fb-header .text-\[12px\],
    html .fb-stats {
        font-size: 13px !important;
    }

    /* 5. تكبير نصوص التعليقات */
    html .fb-comment-area .text-\[13px\],
    html .fb-comment-area .text-xs {
        font-size: 14.5px !important;
        line-height: 1.6 !important;
    }
    html .fb-comment-area .font-bold.text-xs {
        font-size: 14px !important;
    }

    /* 6. تكبير قسم تحليل الذكاء الاصطناعي (Hunter AI) */
    html .ai-typing-container {
        font-size: 15.5px !important;
        line-height: 1.75 !important;
    }
    html .bg-slate-900\/90 .font-black {
        font-size: 15px !important;
    }

    /* 7. تكبير الإضافات أسفل الشائعة (صندوق التصويت) */
    html .poll-head {
        font-size: 14.5px !important;
        margin-bottom: 12px !important;
    }
    html .poll-btn {
        font-size: 14px !important;
        padding: 8px !important;
    }
    html .poll-res .text-\[11px\],
    html .poll-res .text-\[10px\] {
        font-size: 13px !important;
    }
    
    /* 8. تكبير مقياس الانتشار الفيروسي والنصوص المساعدة */
    html .mx-4.mb-4.bg-black\/20 .text-\[11px\] {
        font-size: 13px !important;
    }

    /* 9. تكبير زرار "قراءة المزيد" */
    html .rm-btn {
        font-size: 14px !important;
    }
}

/* === Block 10 (line 322290) === */
/* -- تكبير خطوط التقرير الاستراتيجي المجمع في النشرة الموثقة -- */
html .hunter-strategic-card .text-\[13px\] {
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 600 !important;
    color: #d1d5db !important;
}

html .hunter-strategic-card .font-bold.text-\[13px\] {
    font-size: 15px !important;
    font-weight: 700 !important;
}

    /* تخفيف العناوين الرئيسية اللي واخدة font-black */
    html .hunter-strategic-card .font-black {
        font-weight: 700 !important; 
    }
    
    html .hunter-strategic-card .text-\[11px\] {
        font-size: 14px !important;
    }
    
    html .hunter-strategic-card .font-bold.text-\[13px\] {
    font-size: 15px !important;
    font-weight: 700 !important;
}

  /* smartMobileNav - مخفي لأنه مكرر مع الـ tabs الرئيسية */
  #smartMobileNav {
      display: none !important;
  }


  /* 3. التحول للحالة الثانية (تحت) */
  #smartMobileNav.at-bottom {
      top: calc(100% - 90px - env(safe-area-inset-bottom));
      height: 68px;
      border-radius: 20px;
      border-color: rgba(249, 115, 22, 0.3);
      box-shadow: 0 0 20px rgba(249, 115, 22, 0.2), 0 10px 40px rgba(0,0,0,0.8);
  }

  /* نصوص الحالة الأولى (مطابقة تماماً للأصل) */
  .nav-legacy-content {
      display: flex; width: 100%; justify-content: space-around; align-items: center;
      transition: opacity 0.3s;
  }
  .legacy-item { color: #94a3b8; font-size: 13px; font-weight: bold; padding: 6px 10px; border-radius: 8px; }
  .legacy-item.active { background: #f97316; color: white; }

  /* أيقونات الحالة الثانية */
  .nav-app-content {
      position: absolute; inset: 0; display: flex; justify-content: space-around; align-items: center;
      opacity: 0; pointer-events: none; transition: opacity 0.3s;
  }
  #smartMobileNav.at-bottom .nav-legacy-content { opacity: 0; pointer-events: none; }
  #smartMobileNav.at-bottom .nav-app-content { opacity: 1; pointer-events: auto; }

  .app-icon-item { display: flex; flex-direction: column; align-items: center; color: #94a3b8; font-size: 10px; gap: 2px; }
  .app-icon-item.active { color: #f97316; }
  .app-icon-item svg { width: 22px; height: 22px; }

 /* 4. الرفع الإجباري للأزرار الأصلية */
  #fabGroup {
      transition: bottom 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  }
  
  /* هذا الكلاس سيتم تفعيله برمجياً عند هبوط الشريط */
  #fabGroup.is-lifted {
      bottom: calc(105px + env(safe-area-inset-bottom)) !important;
  }

/* === Block 11 (line 328266) === */
/* ╔══════════════════════════════════════════╗
   ║  1) DESIGN TOKENS — إعادة تعريف الجذور    ║
   ╚══════════════════════════════════════════╝ */
html:not([data-theme="light"]){
  --bg:#0d1117 !important;
  --glass:rgba(17,24,35,0.72) !important;
  --card:#161b22 !important;
  --muted:#1b2333 !important;
  --border:rgba(255,255,255,0.07) !important;
  --borderSoft:rgba(255,255,255,0.05) !important;
  --shadow:0 10px 30px -12px rgba(0,0,0,0.7) !important;
  --shadowDeep:0 30px 70px -24px rgba(0,0,0,0.85) !important;
  --text:#c2ccd9 !important;
  --textMuted:#7a8ea8 !important;
  --textSoft:#9aafc4 !important;
  --placeholder:#6b7689 !important;
  --metaTheme:#0d1117 !important;
  --accent:#f59e0b !important;
  --accent2:#fbbf24 !important;
  --accentDeep:#ea580c !important;
  --cyan:#22d3ee !important;
  --pr-r:20px; --pr-r-sm:14px; --pr-r-lg:26px;
}
html[data-theme="light"]{
  --bg:#f0f4f8 !important;
  --glass:rgba(255,255,255,0.82) !important;
  --card:#ffffff !important;
  --muted:#f1f4f8 !important;
  --border:#e4e8ee !important;
  --borderSoft:#eef1f5 !important;
  --shadow:0 8px 24px -14px rgba(15,23,42,0.18) !important;
  --shadowDeep:0 24px 56px -22px rgba(15,23,42,0.28) !important;
  --text:#374151 !important;
  --textMuted:#6b7280 !important;
  --textSoft:#4b5563 !important;
  --placeholder:#94a3b8 !important;
  --metaTheme:#f0f4f8 !important;
  --accent:#ea580c !important;
  --accent2:#f59e0b !important;
  --accentDeep:#c2410c !important;
  --cyan:#0891b2 !important;
  --pr-r:20px; --pr-r-sm:14px; --pr-r-lg:26px;
}

/* ╔══════════════════════════════════════════╗
   ║  2) TYPOGRAPHY — خطوط جديدة تماماً        ║
   ╚══════════════════════════════════════════╝ */
body{
  font-family:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif !important;
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
/* العناوين والشعار والعناصر القوية → Tajawal بثقل واضح */
nav .font-black, nav .font-bold,
.hunter-title, .cat-title, .compass-elite-title, .compass-elite-section-head,
.ai-box-title, .ai-verdict-label, .fb-header .font-black,
.hunter-num, .stat-val, h1,h2,h3{
  font-family:'Tajawal','Readex Pro',sans-serif !important;
}
nav .font-black{ font-weight:800 !important; letter-spacing:.04em !important; }
.hunter-num,.stat-val{ font-weight:900 !important; font-variant-numeric:tabular-nums; }

/* ╔══════════════════════════════════════════╗
   ║  3) BACKGROUND — أجواء غرفة العمليات      ║
   ╚══════════════════════════════════════════╝ */
html:not([data-theme="light"]) body{
  background:
    radial-gradient(1200px 560px at 50% -10%, rgba(245,158,11,0.13), transparent 62%),
    radial-gradient(1000px 700px at 108% 4%, rgba(34,211,238,0.07), transparent 55%),
    radial-gradient(900px 700px at -8% 100%, rgba(245,158,11,0.05), transparent 55%),
    linear-gradient(rgba(255,255,255,0.016) 1px, transparent 1px) 0 0/100% 46px,
    linear-gradient(90deg, rgba(255,255,255,0.016) 1px, transparent 1px) 0 0/46px 100%,
    #0d1117 !important;
  color:var(--text) !important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(1100px 480px at 50% -8%, rgba(234,88,12,0.08), transparent 60%),
    radial-gradient(900px 600px at 105% 0%, rgba(8,145,178,0.06), transparent 55%),
    linear-gradient(180deg,#f6f8fb,#eaeef4) !important;
  color:var(--text) !important;
}

/* ╔══════════════════════════════════════════╗
   ║  4) NAVBAR — هيدر عائم بحدّ متدرّج         ║
   ╚══════════════════════════════════════════╝ */
nav .glass{
  background:var(--glass) !important;
  border:1px solid transparent !important;
  border-radius:18px !important;
  background-image:
    linear-gradient(var(--glass),var(--glass)),
    linear-gradient(120deg, var(--accent) 0%, rgba(255,255,255,0.06) 42%, var(--cyan) 100%) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  backdrop-filter:saturate(160%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(160%) blur(14px) !important;
  box-shadow:0 18px 44px -18px rgba(0,0,0,0.8) !important;
}
nav img[src*="hunter-head"]{
  box-shadow:0 0 0 1px rgba(245,158,11,0.45), 0 0 20px -2px rgba(245,158,11,0.55) !important;
  border-radius:13px !important;
}
nav .text-emerald-400{ color:var(--accent2) !important; }

/* ╔══════════════════════════════════════════╗
   ║  5) CARDS — السطح التوقيعي (الأهم)        ║
   ╚══════════════════════════════════════════╝ */
.card, article.news-card, .ai-forensic-box{
  position:relative !important;
  border-radius:var(--pr-r) !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, border-color .28s ease !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html:not([data-theme="light"]) .card,
html:not([data-theme="light"]) article.news-card,
html:not([data-theme="light"]) .ai-forensic-box{
  background:linear-gradient(168deg, #18202f 0%, #121929 100%) !important;
  border:1px solid rgba(255,255,255,0.07) !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.04) inset, 0 2px 8px rgba(0,0,0,0.4), 0 26px 60px -24px rgba(0,0,0,0.85) !important;
}
html[data-theme="light"] .card,
html[data-theme="light"] article.news-card,
html[data-theme="light"] .ai-forensic-box{
  background:#ffffff !important;
  border:1px solid var(--border) !important;
  box-shadow:0 1px 3px rgba(15,23,42,0.05), 0 18px 40px -24px rgba(15,23,42,0.22) !important;
}
/* الشريط العلوي التوقيعي */
.card::before, article.news-card::before{
  content:"" !important; position:absolute; top:0; left:20px; right:20px; height:2px;
  background:linear-gradient(90deg, transparent, var(--accent) 18%, var(--accent2) 50%, var(--accent) 82%, transparent);
  opacity:.55; transition:opacity .28s ease; pointer-events:none; z-index:2;
}
article.news-card::before{
  background:linear-gradient(90deg, transparent, var(--cyan) 20%, #67e8f9 50%, var(--cyan) 80%, transparent) !important;
}
.card:hover, article.news-card:hover{ transform:translateY(-4px); }
.card:hover::before, article.news-card:hover::before{ opacity:1; }
html:not([data-theme="light"]) .card:hover{
  border-color:rgba(245,158,11,0.32) !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset, 0 6px 14px rgba(0,0,0,0.45), 0 38px 76px -26px rgba(0,0,0,0.9), 0 0 34px -8px rgba(245,158,11,0.16) !important;
}
html:not([data-theme="light"]) article.news-card:hover{
  border-color:rgba(34,211,238,0.32) !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset, 0 6px 14px rgba(0,0,0,0.45), 0 38px 76px -26px rgba(0,0,0,0.9), 0 0 34px -8px rgba(34,211,238,0.16) !important;
}
html[data-theme="light"] .card:hover, html[data-theme="light"] article.news-card:hover{
  box-shadow:0 6px 16px rgba(15,23,42,0.08), 0 28px 56px -24px rgba(15,23,42,0.3) !important;
}

/* ╔══════════════════════════════════════════╗
   ║  6) GLASS / SOFT containers               ║
   ╚══════════════════════════════════════════╝ */
.glass:not(nav .glass){
  border-radius:var(--pr-r) !important;
}
html:not([data-theme="light"]) .glass:not(nav .glass){
  background:linear-gradient(168deg,#17202e,#11192a) !important; border:1px solid rgba(255,255,255,0.07) !important;
}
html:not([data-theme="light"]) .soft{
  background:var(--muted) !important; border:1px solid rgba(255,255,255,0.06) !important; border-radius:16px !important;
}

/* ╔══════════════════════════════════════════╗
   ║  7) BUTTONS — هوية موحّدة + إحساس فيزيائي ║
   ╚══════════════════════════════════════════╝ */
.btn{ border-radius:var(--pr-r-sm) !important; transition:transform .14s cubic-bezier(.22,1,.36,1), background .18s ease, border-color .18s ease, box-shadow .18s ease !important; }
.btn:active, .fb-action-btn:active, .poll-btn:active, .share-icon-btn:active{ transform:scale(.95) !important; }
html:not([data-theme="light"]) .btn-ghost{
  background:rgba(255,255,255,0.03) !important; border:1px solid rgba(255,255,255,0.08) !important; color:var(--textSoft) !important;
}
html:not([data-theme="light"]) .btn-ghost:hover{ background:rgba(255,255,255,0.07) !important; border-color:rgba(255,255,255,0.14) !important; color:#fff !important; }
.btn-primary{
  background:linear-gradient(135deg, var(--accent2) 0%, var(--accent) 48%, var(--accentDeep) 100%) !important;
  border:1px solid rgba(245,158,11,0.5) !important; color:#1a1206 !important; font-weight:700 !important; letter-spacing:.2px;
  box-shadow:0 10px 26px -8px rgba(245,158,11,0.55), 0 1px 0 rgba(255,255,255,0.35) inset !important;
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -8px rgba(245,158,11,0.7), 0 1px 0 rgba(255,255,255,0.4) inset !important; }
html[data-theme="light"] .btn-primary{ color:#fff !important; }

/* ╔══════════════════════════════════════════╗
   ║  8) INPUTS                                ║
   ╚══════════════════════════════════════════╝ */
.inp, .fb-inp-field{
  border-radius:var(--pr-r-sm) !important; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html:not([data-theme="light"]) .inp, html:not([data-theme="light"]) .fb-inp-field{
  background:rgba(255,255,255,0.03) !important; border:1px solid rgba(255,255,255,0.08) !important; color:var(--text) !important;
}
.inp:focus, .fb-inp-field:focus{
  border-color:var(--accent) !important; box-shadow:0 0 0 3px rgba(245,158,11,0.16) !important;
}

/* ╔══════════════════════════════════════════╗
   ║  9) BADGES — حبّات زجاجية                  ║
   ╚══════════════════════════════════════════╝ */
.badge{ border-radius:999px !important; padding:6px 14px !important; letter-spacing:.2px; font-weight:600 !important; }
html:not([data-theme="light"]) .badge{ background:rgba(255,255,255,0.05) !important; border:1px solid rgba(255,255,255,0.1) !important; }

/* ╔══════════════════════════════════════════╗
   ║ 10) TABS / SIDEBARS / STATS               ║
   ╚══════════════════════════════════════════╝ */
.card:has(#btnRumors){ border-radius:16px !important; padding:6px !important; }
html:not([data-theme="light"]) .card:has(#btnRumors){ background:rgba(255,255,255,0.03) !important; border:1px solid rgba(245,158,11,0.16) !important; }
#toggleBg{ border-radius:11px !important; }
html:not([data-theme="light"]) #toggleBg{ background:linear-gradient(135deg, rgba(245,158,11,0.22), rgba(234,88,12,0.18)) !important; border:1px solid rgba(245,158,11,0.3) !important; }
html:not([data-theme="light"]) .hunter-pill, html:not([data-theme="light"]) .categories-pill{
  background:rgba(255,255,255,0.03) !important; border:1px solid rgba(255,255,255,0.08) !important; border-radius:18px !important;
}
html:not([data-theme="light"]) .hunter-stat, html:not([data-theme="light"]) .categories-item,
html:not([data-theme="light"]) .hunter-slogan, html:not([data-theme="light"]) .categories-note{
  background:rgba(255,255,255,0.04) !important; border:1px solid rgba(255,255,255,0.07) !important; border-radius:14px !important;
}
html:not([data-theme="light"]) .hunter-num{
  background:linear-gradient(180deg,#c9d1d9,#8b949e); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

/* ╔══════════════════════════════════════════╗
   ║ 11) FB ACTION BAR / POLLS / VERDICT       ║
   ╚══════════════════════════════════════════╝ */
html:not([data-theme="light"]) .fb-verdict-box{ background:rgba(255,255,255,0.02) !important; border-top:1px solid rgba(255,255,255,0.06) !important; border-bottom:1px solid rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .fb-stats, html:not([data-theme="light"]) .fb-actions-grid, html:not([data-theme="light"]) .fb-comment-area{ background:transparent !important; border-color:rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .fb-action-btn{ background:rgba(255,255,255,0.02) !important; border:1px solid rgba(255,255,255,0.06) !important; border-radius:12px !important; color:var(--textMuted) !important; }
html:not([data-theme="light"]) .fb-action-btn:hover{ background:rgba(245,158,11,0.08) !important; border-color:rgba(245,158,11,0.2) !important; color:var(--accent2) !important; }
html:not([data-theme="light"]) .fb-action-btn.is-liked{ background:rgba(245,158,11,0.1) !important; border-color:rgba(245,158,11,0.28) !important; color:var(--accent2) !important; }
html:not([data-theme="light"]) .verdict-nodes-wrap{ background:rgba(255,255,255,0.02) !important; border:1px solid rgba(255,255,255,0.06) !important; border-radius:16px !important; }

/* ╔══════════════════════════════════════════╗
   ║ 12) AI FORENSIC BOX (الملف الخارجي)       ║
   ╚══════════════════════════════════════════╝ */
.ai-box-icon, .ai-analyze-btn, .ai-btn-share-result{
  background:linear-gradient(135deg, var(--accent2), var(--accentDeep)) !important;
}
html:not([data-theme="light"]) .ai-detail-item, html:not([data-theme="light"]) .ai-explanation{
  background:rgba(255,255,255,0.03) !important; border:1px solid rgba(255,255,255,0.06) !important;
}
.ai-explanation-title{ color:var(--accent2) !important; }

/* ╔══════════════════════════════════════════╗
   ║ 13) SHARED — scrollbar / focus / motion   ║
   ╚══════════════════════════════════════════╝ */
html{ scroll-behavior:smooth; }
::selection{ background:rgba(245,158,11,0.3); }
*{ scrollbar-width:thin; scrollbar-color:rgba(245,158,11,0.55) transparent; -webkit-tap-highlight-color:rgba(245,158,11,0.12); }
::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,var(--accent2),var(--accentDeep)); border-radius:999px; border:3px solid transparent; background-clip:padding-box; }
a:focus-visible,button:focus-visible,input:focus-visible,.btn:focus-visible{ outline:2px solid var(--accent) !important; outline-offset:3px !important; border-radius:8px; }

.fb-media-box img{ transition:transform .45s cubic-bezier(.22,1,.36,1); }
.fb-media-box:hover img{ transform:scale(1.02); }

@keyframes hunterRise{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
@media (prefers-reduced-motion:no-preference){
  #timeline>*, #viewNews>*{ animation:hunterRise .55s cubic-bezier(.22,1,.36,1) both; }
  #timeline>*:nth-child(1),#viewNews>*:nth-child(1){animation-delay:.05s;}
  #timeline>*:nth-child(2),#viewNews>*:nth-child(2){animation-delay:.11s;}
  #timeline>*:nth-child(3),#viewNews>*:nth-child(3){animation-delay:.17s;}
  #timeline>*:nth-child(4),#viewNews>*:nth-child(4){animation-delay:.23s;}
  #timeline>*:nth-child(5),#viewNews>*:nth-child(5){animation-delay:.29s;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* === Block 12 (line 357819) === */
#hunterLegalBar a{ transition: color .2s ease; }
  #hunterLegalBar a:hover, #hunterLegalBar a:focus-visible{ color:#f0a94e !important; }
  @media (max-width:640px){
    #hunterLegalBar{ gap:8px !important; font-size:11px !important; height:auto !important; padding:6px 8px !important; flex-wrap:wrap !important; }
    #hunterLegalBar span{ display:none; }
  }
  /* رفع أزرار العودة للأعلى والتحديث فوق الشريط القانوني */
  #fabGroup{
    bottom: calc(48px + env(safe-area-inset-bottom)) !important;
  }
  /* إضافة padding أسفل الصفحة عشان الشريط مياخدش محتوى */
  body{ padding-bottom: 50px !important; }