/* ══════════════════════════════════════════════════════════════
   Crisis Graph — شبكة الأزمات
   ══════════════════════════════════════════════════════════════ */

/* panel أعرض للرسم البياني */
.wm-float-panel-wide {
    width: 600px !important;
}

/* منطقة الرسم */
.wm-cg-body {
    padding: 0 !important;
    background: radial-gradient(ellipse at 50% 40%, #071422 0%, #04080f 70%);
    position: relative;
    min-height: 420px;
}

/* Loading & Empty */
.wm-cg-loading,
.wm-cg-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 10px;
    color: #3a5a76;
    font-size: 12px;
}
.wm-cg-empty span { font-size: 28px; }

/* ── فلتر الفترة الزمنية ─────────────────────────────────────── */
.wm-cg-periods {
    display: flex;
    gap: 4px;
    margin-inline-start: auto;
    align-items: center;
}
.wm-cg-pbtn {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #94a3b8;
    font-size: 10px;
    font-family: var(--wm-font-ar);
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    white-space: nowrap;
}
.wm-cg-pbtn:hover {
    background: rgba(59,130,246,0.18);
    border-color: #3b82f6;
    color: #93c5fd;
}
.wm-cg-pbtn.active {
    background: rgba(59,130,246,0.28);
    border-color: #3b82f6;
    color: #bfdbfe;
    font-weight: 700;
}

/* ── شريط معلومات العقدة ─────────────────────────────────────── */
.wm-cg-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(4,8,15,0.96);
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 10px 14px;
    z-index: 10;
    backdrop-filter: blur(8px);
    direction: rtl;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.5);
}
.wm-cg-info-head {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    border-inline-start: 3px solid;
    padding-inline-start: 8px;
}
.wm-cg-info-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}
.wm-cg-info-head strong {
    font-size: 13px;
    color: #e2e8f0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wm-cg-info-cat {
    font-size: 10px;
    opacity: 0.85;
    white-space: nowrap;
}
.wm-cg-info-count {
    font-size: 10px;
    color: #64748b;
    white-space: nowrap;
    margin-inline-start: auto;
}

/* ── قائمة الروابط ───────────────────────────────────────────── */
.wm-cg-info-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 110px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #1e3a5f transparent;
}
.wm-cg-info-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
}
.wm-cg-info-lname {
    width: 90px;
    flex-shrink: 0;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.wm-cg-info-lbar {
    flex: 1;
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
}
.wm-cg-info-lbar > div {
    height: 100%;
    border-radius: 2px;
    opacity: 0.75;
    transition: width 0.35s ease;
}
.wm-cg-info-lw {
    width: 24px;
    text-align: left;
    color: #475569;
    font-size: 10px;
    flex-shrink: 0;
}

/* ── عداد العقد ──────────────────────────────────────────────── */
#wm-cg-count {
    font-size: 10px;
    color: #475569;
    margin-inline-start: auto;
    padding-inline-end: 4px;
}

/* ── مفتاح الألوان (legend) ──────────────────────────────────── */
.wm-cg-legend {
    position: absolute;
    bottom: 8px;
    inset-inline-start: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 5;
    pointer-events: none;
}
.wm-cg-litem {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    color: #94a3b8;
    font-family: var(--wm-font-ar);
    text-shadow: 0 1px 3px #000;
}
.wm-cg-litem i {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 0.85;
    box-shadow: 0 0 5px currentColor;
}

/* ── شريط رأس البانل الواسع ──────────────────────────────────── */
#wm-float-crisis-graph .wm-fp-header {
    flex-wrap: nowrap;
    gap: 4px;
}
#wm-float-crisis-graph .wm-fp-title {
    flex-shrink: 0;
}

/* ── أزرار تبديل الوضع (مواضيع / نفوذ) ─────────────────────── */
.wm-cg-views {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}
.wm-cg-vbtn {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #94a3b8;
    font-size: 10px;
    font-family: var(--wm-font-ar);
    padding: 2px 9px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    white-space: nowrap;
}
.wm-cg-vbtn:hover {
    background: rgba(20,184,166,0.18);
    border-color: #14b8a6;
    color: #5eead4;
}
.wm-cg-vbtn.active {
    background: rgba(20,184,166,0.28);
    border-color: #14b8a6;
    color: #99f6e4;
    font-weight: 700;
}

/* ── شريط فلتر الفاعل ────────────────────────────────────────── */
.wm-cg-actor-filter {
    padding: 5px 10px;
    background: rgba(4,8,15,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    flex-shrink: 0;
}
.wm-cg-actor-filter select {
    width: 100%;
    background: rgba(10,20,40,0.9);
    border: 1px solid rgba(20,184,166,0.35);
    border-radius: 4px;
    color: #94a3b8;
    font-size: 11px;
    font-family: var(--wm-font-ar);
    padding: 4px 8px;
    direction: rtl;
    cursor: pointer;
    outline: none;
}
.wm-cg-actor-filter select:focus {
    border-color: #14b8a6;
    color: #e2e8f0;
}

/* ── شريط فلتر نوع الضلع (وضع النفوذ) ───────────────────────── */
.wm-cg-edge-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}
.wm-cg-ef-btn {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    color: #64748b;
    font-size: 10px;
    font-family: var(--wm-font-ar);
    padding: 2px 8px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    white-space: nowrap;
}
.wm-cg-ef-btn:hover {
    background: rgba(255,255,255,0.1);
    color: #cbd5e1;
}
.wm-cg-ef-btn.active                         { color: #f1f5f9; font-weight: 700; }
.wm-cg-ef-btn[data-type="all"].active         { background: rgba(100,116,139,0.3); border-color: #64748b; }
.wm-cg-ef-btn[data-type="attack"].active      { background: rgba(239,68,68,0.25);  border-color: var(--wm-red); }
.wm-cg-ef-btn[data-type="support"].active     { background: rgba(34,197,94,0.25);  border-color: var(--wm-green); }
.wm-cg-ef-btn[data-type="ally"].active        { background: rgba(59,130,246,0.25); border-color: #3b82f6; }
.wm-cg-ef-btn[data-type="oppose"].active      { background: rgba(249,115,22,0.25); border-color: var(--wm-orange); }
.wm-cg-ef-btn[data-type="mediate"].active     { background: rgba(168,85,247,0.25); border-color: #a855f7; }

/* ── زر إلغاء التركيز (Focus Mode) ──────────────────────────── */
#wm-cg-focus-reset {
    align-items: center;
    gap: 4px;
    background: rgba(59,130,246,0.18);
    border: 1px solid rgba(59,130,246,0.45);
    border-radius: 0;
    color: #93c5fd;
    font-size: 11px;
    font-family: var(--wm-font-ar);
    padding: 4px 12px;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s;
}
#wm-cg-focus-reset:hover {
    background: rgba(59,130,246,0.3);
    color: #bfdbfe;
}

/* ══════════════════════════════════════════════════════════════
   🚪 صفحة الهبوط التعريفية (Landing Overlay) — WM_Landing
   تظهر فوق #wm-root (z-index:9999) وتحت لودر التحميل (99999)
   ══════════════════════════════════════════════════════════════ */
.wm-landing-overlay {
    position: fixed;
    inset: 0;
    z-index: 20000;
    background: var(--wm-bg);
    direction: rtl;
    opacity: 1;
    transition: opacity .3s ease;
}
.wm-landing-overlay.wm-lh-closing { opacity: 0; pointer-events: none; }

.wm-landing-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 32px 20px 60px;
}

.wm-lh-hero {
    max-width: 720px;
    margin: 30px auto 40px;
    text-align: center;
}
.wm-lh-logo {
    font-family: var(--wm-font-hd);
    color: var(--wm-accent);
    font-size: 15px;
    margin-bottom: 18px;
}
.wm-lh-title {
    font-family: var(--wm-font-ar);
    color: var(--wm-text);
    font-size: clamp(20px, 4vw, 32px);
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 12px;
}
.wm-lh-sub {
    color: var(--wm-text-dim);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 26px;
}
.wm-lh-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.wm-lh-btn {
    font-family: var(--wm-font-ar);
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    color: var(--wm-text);
    padding: 11px 20px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.wm-lh-btn:hover { background: var(--wm-bg3); border-color: var(--wm-accent); }
.wm-lh-btn-primary {
    background: var(--wm-accent2);
    border-color: var(--wm-accent);
    color: #fff;
}
.wm-lh-btn-primary:hover { background: var(--wm-accent); color: #001a2e; }

.wm-lh-modes { margin: 4px 0 22px; }
.wm-lh-modes-label {
    color: var(--wm-text-dim);
    font-size: 11.5px;
    margin-bottom: 10px;
}
.wm-lh-modes-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.wm-lh-mode-pill {
    font-family: var(--wm-font-ar);
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    color: var(--wm-text-dim);
    padding: 7px 13px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}
.wm-lh-mode-pill:hover { border-color: var(--wm-accent); color: var(--wm-text); }
.wm-lh-mode-pill.active {
    background: var(--wm-accent2);
    border-color: var(--wm-accent);
    color: #fff;
}

/* بطاقة معاينة/توسيع التقرير اليومي في صفحة الهبوط */
.wm-lh-brief-card {
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 10px;
    padding: 16px 18px;
}
.wm-lh-brief-date {
    color: var(--wm-accent);
    font-size: 11.5px;
    font-weight: 700;
    margin-bottom: 8px;
}
.wm-lh-brief-summary,
.wm-lh-brief-summary-full {
    color: var(--wm-text);
    font-size: 13.5px;
    line-height: 1.8;
}
.wm-lh-brief-summary-full { margin-bottom: 14px; }
.wm-lh-brief-event {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--wm-border);
}
.wm-lh-brief-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
}
.wm-lh-brief-ev-title {
    color: var(--wm-text);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
}
.wm-lh-brief-ev-analysis {
    color: var(--wm-text-dim);
    font-size: 12.5px;
    line-height: 1.7;
}
.wm-lh-brief-why {
    color: var(--wm-accent);
    font-size: 12px;
    margin-top: 6px;
}
.wm-lh-brief-expand {
    display: block;
    margin: 14px auto 0;
    background: transparent;
    border: 1px solid var(--wm-border);
    color: var(--wm-accent);
    font-family: var(--wm-font-ar);
    font-size: 12.5px;
    font-weight: 700;
    padding: 7px 18px;
    border-radius: 20px;
    cursor: pointer;
}
.wm-lh-brief-expand:hover { border-color: var(--wm-accent); background: rgba(0,212,255,0.08); }
.wm-lh-brief-section-label {
    color: var(--wm-accent);
    font-size: 11.5px;
    font-weight: 700;
    margin: 16px 0 8px;
}

.wm-lh-section {
    max-width: 960px;
    margin: 0 auto 36px;
}
.wm-lh-h2 {
    font-family: var(--wm-font-ar);
    color: var(--wm-text);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-right: 10px;
    border-right: 3px solid var(--wm-accent);
}

.wm-lh-loading {
    color: var(--wm-text-dim);
    font-size: 12.5px;
    text-align: center;
    padding: 24px 8px;
}

/* أهم الأحداث */
.wm-lh-stories { display: flex; flex-direction: column; gap: 8px; }
.wm-lh-story-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
    padding: 12px 14px;
    cursor: pointer;
    transition: border-color .15s;
}
.wm-lh-story-card:hover { border-color: var(--wm-accent); }
.wm-lh-story-score {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
.wm-lh-story-title {
    color: var(--wm-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.5;
}
.wm-lh-story-meta {
    color: var(--wm-text-dim);
    font-size: 11px;
    margin-top: 4px;
}

/* الخريطة المصغّرة */
.wm-lh-minimap {
    height: 320px;
    border-radius: 10px;
    border: 1px solid var(--wm-border);
    overflow: hidden;
}

/* لماذا عربي رادار — الطبقات الخمس: حدوث ← أهمية ← موثوقية ← تطوّر ← أثر */
.wm-lh-why-sub {
    color: var(--wm-text-dim);
    font-size: 12px;
    margin: -8px 0 14px;
    padding-right: 10px;
}
.wm-lh-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.wm-lh-why-item {
    position: relative;
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
    padding: 18px 12px 14px;
    text-align: center;
    color: var(--wm-text);
}
.wm-lh-why-num {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
    font-weight: 700;
    color: var(--wm-text-dim);
    font-family: var(--wm-font-ar);
}
.wm-lh-why-icon {
    display: block;
    font-size: 22px;
    margin-bottom: 6px;
}
.wm-lh-why-label {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
}
.wm-lh-why-desc {
    font-size: 11px;
    color: var(--wm-text-dim);
    line-height: 1.5;
}

/* التقارير + الأدوات */
.wm-lh-tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}
.wm-lh-tool {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
    padding: 16px 10px;
    color: var(--wm-text);
    font-family: var(--wm-font-ar);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.wm-lh-tool:hover { background: var(--wm-bg3); border-color: var(--wm-accent); }
.wm-lh-tool-icon { font-size: 22px; }

/* ── شارة "مباشر" في الهيرو ── */
.wm-lh-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.wm-lh-logo-row .wm-lh-logo { margin-bottom: 0; }
.wm-lh-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--wm-text-dim);
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 20px;
    padding: 4px 10px;
}
.wm-lh-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wm-red);
    animation: wm-pulse 1.6s ease-in-out infinite;
}

/* ── الأحداث الكبرى ── */
.wm-lh-events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}
.wm-lh-event-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--wm-bg2);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
    padding: 12px 14px;
    transition: background .15s, border-color .15s, transform .1s;
}
.wm-lh-event-card:hover { background: var(--wm-bg3); border-color: var(--wm-accent); }
.wm-lh-event-card:active { transform: scale(0.98); }
.wm-lh-event-score {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
}
.wm-lh-event-body {
    flex: 1;
    min-width: 0;
}
.wm-lh-event-title {
    color: var(--wm-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}
.wm-lh-event-meta {
    color: var(--wm-text-dim);
    font-size: 10.5px;
    margin-top: 3px;
}
.wm-lh-events-more {
    display: inline-block;
    color: var(--wm-accent);
    font-size: 12px;
    font-weight: 600;
}
.wm-lh-events-more:hover { text-decoration: underline; }

/* ── تفاعلات دقيقة — أزرار/بطاقات موجودة أصلاً ── */
.wm-lh-mode-pill:active,
.wm-lh-tool:active { transform: scale(0.96); }
.wm-lh-btn:active { transform: scale(0.97); }
.wm-lh-btn-primary:hover { box-shadow: 0 0 0 4px rgba(0,212,255,0.15); }
.wm-lh-story-card:active { transform: scale(0.99); }

/* ── ظهور متتابع للأقسام عند التحميل ── */
@media (prefers-reduced-motion: no-preference) {
    .wm-lh-hero, .wm-lh-section {
        opacity: 0;
        animation: wm-lh-in .5s ease forwards;
    }
}
@keyframes wm-lh-in {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .wm-lh-hero, .wm-lh-section, .wm-lh-live-dot {
        animation: none !important;
        opacity: 1 !important;
    }
}
@media (max-width: 768px) {
  #wm-sidebar { top: auto !important; bottom: 56px !important; height: min(70vh, 640px) !important; max-height: min(70vh, 640px); border-radius: 14px 14px 0 0; }
  #wm-sidebar .wm-sb-tabs { min-height: 46px; padding-bottom: 4px; }
  #wm-sidebar .wm-sbt { min-width: 58px; min-height: 42px; padding: 5px 7px; }
  #wm-sidebar .wm-sbt-label { font-size: 11px; }
  #wm-sidebar .wm-item { padding-inline: 12px; }
  #wm-sidebar .wm-item-title { font-size: 13px; }
  #wm-mobile-nav { padding-bottom: env(safe-area-inset-bottom); }
  #wm-sidebar .wm-sb-content { display: flex; flex-direction: column; overflow: hidden; }
  #wm-sidebar .wm-sb-panel.active { min-height: 0; }
  #wm-sidebar .wm-sb-list { min-height: 100px; flex: 1 1 100px; overflow-y: scroll; -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior-y: contain; }
  /* «الأهم الآن» بصورة بطل + 3 أسطر إضافية كان يأخذ ~280px — على الشاشات القصيرة
     (مع صف الفلاتر ~117px) هذا يُصفّر ارتفاع #wm-news-list فعلياً (0px محسوب)، فيظهر
     جزء من «الأهم الآن» بلا أي قدرة على التمرير لرؤية بقية الأخبار تحته. الحل: صورة
     أصغر + إخفاء الأسطر الإضافية (الخبر الرئيسي يكفي على الجوال، والقائمة الكاملة
     تحته أصلاً) بدل تقليص القائمة نفسها لارتفاع صفر */
  #wm-sidebar .wm-now-card { flex-shrink: 0; max-height: 40vh; overflow: hidden; }
  #wm-sidebar .wm-now-row { display: none; }
  #wm-sidebar .wm-now-lead.wm-now-hero .wm-now-img { height: 64px; }
}

@media (max-width: 640px) {
    .wm-landing-scroll { padding: 20px 14px 50px; }
    .wm-lh-btns { flex-direction: column; }
    .wm-lh-btn { width: 100%; }
    .wm-lh-minimap { height: 240px; }
    .wm-lh-logo-row { flex-direction: column; gap: 8px; }
}


/* ══════════════════════════════════════════════════════════════
   🎛️ قائمة مساحات العمل — WM_Workspaces (تُستخدم أيضاً لقوائم wm-mode-menu الأخرى)
   ══════════════════════════════════════════════════════════════ */

.wm-mode-menu {
    /* الموضع (top/right/left) يُحسب ديناميكياً من JS عند كل فتح — الفهرس هنا للأبعاد فقط.
       ملحقة بـ body لا داخل #wm-layer-dock لأن الأخير overflow-y:auto ويقصّ أي امتداد أفقي */
    display: none;
    flex-direction: column;
    gap: 2px;
    background: rgba(6,12,20,0.97);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
    padding: 6px;
    width: 150px;
    z-index: 99000;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}
.wm-mode-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    color: var(--wm-text-dim);
    font-family: var(--wm-font-ar);
    font-size: 12.5px;
    padding: 7px 9px;
    border-radius: 6px;
    cursor: pointer;
    text-align: right;
    width: 100%;
}
.wm-mode-item:hover { background: rgba(0,212,255,0.1); color: var(--wm-text); }
.wm-mode-item.active { background: var(--wm-accent2); color: #fff; font-weight: 700; }
.wm-mode-item-icon { font-size: 15px; flex-shrink: 0; }

.wm-reset-toast {
    position: fixed;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: rgba(6,12,20,0.95);
    border: 1px solid var(--wm-border);
    color: var(--wm-text);
    font-family: var(--wm-font-ar);
    font-size: 12.5px;
    padding: 8px 16px;
    border-radius: 20px;
    z-index: 99500;
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.wm-reset-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

.wm-mission-desc { font-size: 10.5px; color: var(--wm-text-dim); font-weight: 400; }
.wm-mode-item:hover .wm-mission-desc, .wm-mode-item.active .wm-mission-desc { color: inherit; opacity: 0.85; }

/* ══════════════════════════════════════════════════════════════
   🎛️ مساحات العمل — WM_Workspaces (المبدِّل في الشريط العلوي)
   حلّ محل ثلاثة أنظمة: أوضاع الاستخدام + المهام الجاهزة + المشاهد
   المحفوظة. أنماط .wm-mode-menu/.wm-mode-item أعلاه يُعاد استخدامها
   كما هي للقائمة — هنا فقط الزر والإضافات الخاصة بالمساحات.
   ══════════════════════════════════════════════════════════════ */
.wm-ws-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0,212,255,0.08);
    border: 1px solid var(--wm-border);
    border-radius: 18px;
    color: var(--wm-text);
    font-family: var(--wm-font-ar);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px 5px 9px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .15s ease, border-color .15s ease;
}
.wm-ws-btn:hover,
.wm-ws-btn.open { background: rgba(0,212,255,0.18); border-color: var(--wm-accent2); }
.wm-ws-icon  { font-size: 14px; line-height: 1; }
.wm-ws-label { line-height: 1; }
.wm-ws-caret { font-size: 10px; color: var(--wm-text-dim); line-height: 1; }

.wm-ws-menu { width: 248px; max-height: 76vh; overflow-y: auto; }
.wm-ws-menu-head {
    font-family: var(--wm-font-ar);
    font-size: 10.5px;
    font-weight: 700;
    color: var(--wm-text-dim);
    letter-spacing: .3px;
    padding: 7px 9px 3px;
    border-top: 1px solid var(--wm-border);
    margin-top: 3px;
}
.wm-ws-menu-head:first-child { border-top: none; margin-top: 0; }
.wm-ws-item-text { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.wm-ws-empty {
    font-family: var(--wm-font-ar);
    font-size: 11px;
    color: var(--wm-text-dim);
    padding: 6px 10px 8px;
    line-height: 1.6;
}
/* صف مساحة محفوظة: الزر يأخذ العرض المتبقي وزر الحذف ملتصق بحافة القائمة */
.wm-ws-custom-row { display: flex; align-items: center; gap: 2px; }
.wm-ws-custom-row .wm-mode-item { flex: 1; min-width: 0; }
.wm-ws-custom-row .wm-mode-item .wm-ws-item-text { min-width: 0; }
.wm-ws-custom-row .wm-mode-item .wm-ws-item-text > span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wm-ws-del {
    background: none;
    border: none;
    color: var(--wm-text-dim);
    cursor: pointer;
    font-size: 13px;
    padding: 4px 6px;
    border-radius: 5px;
    flex-shrink: 0;
}
.wm-ws-del:hover { color: var(--wm-red); background: rgba(239,68,68,0.12); }
.wm-ws-save { border-top: 1px solid var(--wm-border); margin-top: 4px; padding-top: 9px !important; }

/* موبايل: الشريط العلوي ضيق — نكتفي بالأيقونة */
@media (max-width: 768px) {
    .wm-ws-label { display: none; }
    .wm-ws-btn   { padding: 5px 9px; }
    .wm-ws-menu  { width: 224px; }
}

/* ══════════════════════════════════════════════════════════════
   🛡️ مقياس الثقة الموحَّد — WM_Admiralty (NATO Admiralty Code)
   شارة بنصفين: الحرف (موثوقية المصدر) والرقم (صحة المعلومة).
   النصفان منفصلان بصرياً عمداً — المعيار يقوم على استقلال المحورين،
   ودمجهما في كتلة واحدة يُعيدنا لمشكلة شارة CRED NN التي حلّت محلها.
   حلّت محل: .wm-cred-unified + .wm-prop-* + .wm-src-dots + شارة
   getCredibilityBadge بقائمة الكلمات المفتاحية.
   ══════════════════════════════════════════════════════════════ */
.wm-adm {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--adm, #64748b);
    border-radius: 6px; /* موحَّد مع .wm-cat-chip — نفس عائلة الشارات في ذيل البطاقة */
    overflow: hidden;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    cursor: help;
    direction: ltr; /* RTL: الرمز نفسه لاتيني — حرف ثم رقم دائماً */
    flex-shrink: 0;
}
.wm-adm b { padding: 2px 5px; }
.wm-adm-l { background: var(--adm, #64748b); color: #050b14; }
.wm-adm-n { color: var(--adm, #64748b); background: color-mix(in srgb, var(--adm, #64748b) 14%, transparent); }

/* النسخة الكبيرة داخل نافذة الخبر */
.wm-adm-lg { font-size: 15px; border-width: 1.5px; border-radius: 6px; }
.wm-adm-lg b { padding: 5px 8px; }

.wm-adm-detail {
    background: rgba(8,15,26,0.6);
    border: 1px solid var(--wm-border);
    border-radius: 10px;
    padding: 12px 14px;
    margin: 12px 0;
}
.wm-adm-detail-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.wm-adm-detail-title { font-size: 13px; font-weight: 700; color: var(--wm-text); }
.wm-adm-axis {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 4px 10px;
    align-items: baseline;
    padding: 6px 0;
    border-top: 1px solid var(--wm-border);
}
.wm-adm-axis-key  { font-size: 11.5px; font-weight: 700; color: var(--wm-accent2); white-space: nowrap; }
.wm-adm-axis-val  { font-size: 12px; font-weight: 700; color: var(--wm-text); white-space: nowrap; }
.wm-adm-axis-desc { font-size: 11px; color: var(--wm-text-dim); line-height: 1.5; }
.wm-adm-note {
    font-size: 10.5px;
    color: var(--wm-text-dim);
    line-height: 1.6;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid var(--wm-border);
}
@media (max-width: 768px) {
    .wm-adm-axis { grid-template-columns: 1fr; gap: 2px; }
}

/* ══════════════════════════════════════════════════════════════
   🔗 سلسلة الحيازة — WM_Chain_Of_Custody (قسم داخل نافذة الخبر)
   ══════════════════════════════════════════════════════════════ */
.wm-custody-wrap { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.wm-cus-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 7px 10px;
    background: rgba(8,15,26,0.6);
    border: 1px solid var(--wm-border);
    border-radius: 8px;
}
.wm-cus-row.wm-cus-ok   { border-color: rgba(34,197,94,0.35); }
.wm-cus-row.wm-cus-pend { border-style: dashed; }
.wm-cus-k { color: var(--wm-text-dim); font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.wm-cus-v { color: var(--wm-text); min-width: 0; word-break: break-word; }
a.wm-cus-v { color: var(--wm-accent2); text-decoration: none; }
a.wm-cus-v:hover { text-decoration: underline; }
.wm-cus-hash {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: 11px;
    color: var(--wm-text);
    background: rgba(0,212,255,0.08);
    padding: 2px 7px;
    border-radius: 5px;
    direction: ltr;
    cursor: help;
}
.wm-cus-gap  { color: var(--wm-text-dim); font-size: 11px; }
.wm-cus-flag { color: var(--wm-orange); font-size: 11px; font-weight: 700; }
.wm-cus-note {
    font-size: 10.5px;
    color: var(--wm-text-dim);
    line-height: 1.6;
    margin-top: 4px;
    padding-top: 7px;
    border-top: 1px solid var(--wm-border);
}
/* وسم تعديل المحتوى داخل سجل تطور القصة — ليس صعوداً ولا هبوطاً */
.wm-log-val.wm-log-hash {
    color: var(--wm-orange);
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: 10.5px;
    direction: ltr;
}

/* ══════════════════════════════════════════════════════════════
   ⏱️ الخط الزمني — WM_TimeScrubber
   يقع فوق شريط "عاجل" مباشرة ويحترم عرض الشريط الجانبي بنفس منطق
   #wm-breaking-bar (يمين 420px افتراضياً، 0 على الموبايل).
   ══════════════════════════════════════════════════════════════ */
#wm-time-scrubber {
    position: absolute;
    bottom: 34px;
    left: 420px;
    right: 52px;
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    background: rgba(6,12,20,0.94);
    border: 1px solid var(--wm-border);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.45);
}
.wm-ts-btn {
    background: rgba(0,212,255,0.1);
    border: 1px solid var(--wm-border);
    color: var(--wm-text);
    border-radius: 50%;
    width: 26px; height: 26px;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}
.wm-ts-btn:hover { background: rgba(0,212,255,0.22); }
.wm-ts-label {
    font-family: var(--wm-font-ar);
    font-size: 11.5px;
    font-weight: 700;
    color: var(--wm-text);
    white-space: nowrap;
    min-width: 110px;
    flex-shrink: 0;
}
.wm-ts-count {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 11px;
    color: var(--wm-text-dim);
    white-space: nowrap;
    flex-shrink: 0;
    direction: ltr;
}
.wm-ts-range {
    flex: 1;
    min-width: 60px;
    accent-color: var(--wm-accent2);
    cursor: pointer;
    /* RTL: الشريط الزمني يسير من الماضي (يمين) إلى الآن (يسار) بعكس
       الاتجاه الافتراضي للـ input، فنقلبه ليطابق قراءة العربية */
    direction: ltr;
}
@media (max-width: 768px) {
    #wm-time-scrubber { left: 8px; right: 8px; bottom: 38px; padding: 6px 10px; gap: 7px; }
    .wm-ts-label { min-width: 0; font-size: 10.5px; }
    .wm-ts-count { display: none; }
}

/* ══════════════════════════════════════════════════════════════
   ⬇ تصدير العرض — WM_ExportView (يُعيد استخدام .wm-mode-menu)
   ══════════════════════════════════════════════════════════════ */
.wm-exp-count {
    font-family: var(--wm-font-ar);
    font-size: 10.5px;
    color: var(--wm-text-dim);
    padding: 2px 10px 7px;
}

/* ══════════════════════════════════════════════════════════════
   ♿ إمكانية الوصول — مؤشر التركيز للوحة المفاتيح
   لم تكن هناك أي قاعدة focus-visible في الملف، وعدة قواعد outline:none —
   فمن يتنقّل بـTab لا يرى أين هو إطلاقاً. `:focus-visible` (لا `:focus`)
   يُظهر الحلقة للوحة المفاتيح فقط ولا يُزعج مستخدم الفأرة عند النقر.
   ══════════════════════════════════════════════════════════════ */
.wm-ld-btn:focus-visible,
.wm-tb-btn:focus-visible,
.wm-ws-btn:focus-visible,
.wm-mode-item:focus-visible,
.wm-ts-btn:focus-visible,
.wm-ts-range:focus-visible,
.wm-tab:focus-visible,
.wm-sbt:focus-visible,
.wm-region-pill:focus-visible,
.wm-fp-close:focus-visible,
.wm-fp-reload:focus-visible,
#wm-root a:focus-visible,
#wm-root button:focus-visible {
    outline: 2px solid var(--wm-accent2, #00d4ff) !important;
    outline-offset: 2px !important;
    border-radius: 6px;
}

/* ══ الطباعة العربية الموحّدة ══
   IBM Plex Sans Arabic للنص (أوضح في الأحجام الصغيرة من الكوفي)،
   و Noto Kufi Arabic للعناوين فقط، والأرقام ثابتة العرض كي لا تهتز العدادات عند التحديث */
#wm-wrap {
  font-family: var(--wm-font-ar);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#wm-wrap .wm-fp-title,
#wm-wrap .wm-sb-brand-title,
#wm-wrap .wm-modal-title,
#wm-wrap h1, #wm-wrap h2, #wm-wrap h3 {
  font-family: var(--wm-font-ar-hd);
  letter-spacing: 0;
}

/* ══ الإحساس بالحياة: هياكل تحميل + ظهور ناعم + حالات فارغة ══
   CSS فقط — يُطبَّق على كل الميزات دون تعديل منطق أيٍّ منها */

/* 1) هيكل تحميل بدل الدائرة الدوّارة: .wm-spinner (39 موضعاً) يصير ثلاثة أسطر وهمية لامعة */
.wm-spinner {
  width: 100%; max-width: 280px; height: 12px;
  margin-inline: auto;
  border: 0; border-radius: 6px;
  background: linear-gradient(90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.10) 50%, rgba(255,255,255,.04) 100%);
  background-size: 200% 100%;
  animation: wm-shimmer 1.3s ease-in-out infinite;
  position: relative;
  box-shadow: 0 22px 0 -1px rgba(255,255,255,.05), 0 44px 0 -1px rgba(255,255,255,.04);
  margin-bottom: 46px;
}
@keyframes wm-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }

/* 2) ظهور ناعم للأدراج والنوافذ — شفافية فقط (بلا transform، التزاماً بقاعدة الأدراج) */
.wm-float-panel.wm-drawer-open,
.wm-modal,
.leaflet-popup {
  animation: wm-fade-in .18s ease-out;
}
@keyframes wm-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* 3) حالات فارغة موحّدة لكل div بكلاس ينتهي بـ -empty داخل البانلات */
.wm-float-panel div[class*="-empty"],
#wm-sidebar div[class*="-empty"],
.wm-modal div[class*="-empty"] {
  margin: 16px 12px;
  padding: 22px 16px;
  border: 1px dashed var(--wm-border);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
  color: var(--wm-text-dim);
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
}

@media (prefers-reduced-motion: reduce) {
  .wm-spinner, .wm-float-panel.wm-drawer-open, .wm-modal, .leaflet-popup { animation: none; }
}

/* ══ تباعد الأحرف والعربية ══
   Chrome يطبّق letter-spacing على الخط العربي فتنفصل الحروف المتصلة (Firefox يستثنيه تلقائياً).
   نُصفّره لكل عنصر قد يحمل نصاً عربياً، ونُبقيه فقط للنصوص اللاتينية/الرقمية:
   رموز النداء، الساعة، درجة الزلزال، DEFCON، شعارات إنجليزية */
.wm-pal-grp, .wm-loader-logo, .wm-loader-text, .wm-logo, .wm-topbar-logo,
.wm-sb-brand-title, .wm-ld-label, .wm-breaking-label, .wm-tension-title, .wm-sc-title,
.wm-ep-type, .wm-ep-section-title, .wm-block-title, .wm-live-badge, .wm-rp-badge,
.wm-rp-check-label, .wm-tens-sum-label, .wm-tml-title, .wm-defcon-name,
.wm-brief-summary-label, .wm-brief-box-label, .wm-sp-head, .wm-so-title, .wm-lo-badge,
.wm-cstat-lbl, .wm-ap-header-title, .wm-ap-stat small, .wm-bm-section-label,
.wm-ais-leg-header, .wm-loc-section-label, .wm-loc-instability-label, .wm-ap-type,
.wm-ac-fp-title, .wm-ac-fp-field label, #wm-ac-cols-head span, .wm-ac-dp-stat small,
.wm-mn-label, .wm-wire-status-text, .wm-wire-location, .wm-wire-badge, .wm-wire-cat,
.wm-vl-engine-btn, .wm-vl-section-title, .wm-narr-sources-label, .wm-sr-hdr-label,
.wm-ws-menu-head, .wm-fp-title {
  letter-spacing: 0 !important;
}

/* ══ بطاقة الخبر: سطر شارات واحد، درجة الخطورة في الطرف الأيسر (RTL) ══ */
.wm-item-foot { flex-wrap: nowrap; overflow: hidden; }
.wm-item-foot .wm-item-src-meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-item-foot .wm-score-badge { margin-inline-start: auto; flex-shrink: 0; } /* RTL: يدفعها لليسار */
.wm-item-foot .wm-item-time, .wm-item-foot [class^="wm-stage-"] { flex-shrink: 0; white-space: nowrap; }

/* ══ نظام التصميم: متغيرات موحّدة للمسافات والحواف والظلال ══
   استخدمها في أي كود جديد بدل القيم اليدوية */
:root {
  --wm-space-1: 4px;  --wm-space-2: 8px;  --wm-space-3: 12px;
  --wm-space-4: 16px; --wm-space-5: 24px;
  --wm-radius-sm: 6px; --wm-radius-md: 10px; --wm-radius-lg: 14px;
  --wm-shadow-sm: 0 1px 3px rgba(0,0,0,.35);
  --wm-shadow-md: 0 6px 20px rgba(0,0,0,.45);
  --wm-shadow-lg: 0 12px 40px rgba(0,0,0,.6);
  --wm-surface-line: rgba(255,255,255,.06);
}
/* تطبيقها على الأسطح الرئيسية: بطاقة، درج، نافذة، زر */
.wm-item { border-radius: var(--wm-radius-sm); }
.wm-float-panel { border-radius: var(--wm-radius-md) 0 0 var(--wm-radius-md); box-shadow: var(--wm-shadow-lg); } /* RTL: الحافة الملاصقة للدَوك يميناً مستقيمة */
.wm-modal-box { border-radius: var(--wm-radius-lg); box-shadow: var(--wm-shadow-lg); }
.wm-ld-btn, .wm-tb-btn { border-radius: var(--wm-radius-sm); }
.wm-fp-header { border-bottom: 1px solid var(--wm-surface-line); }

/* ══ أيقونات SVG في شريط الأدوات (dock-icons.js) ══ */
.wm-ld-btn svg.wm-ld-ico { width: 18px; height: 18px; display: block; margin: auto; pointer-events: none; opacity: .85; transition: opacity .15s; }
.wm-ld-btn:hover svg.wm-ld-ico, .wm-ld-btn.active svg.wm-ld-ico { opacity: 1; }
.wm-ld-btn.active { color: var(--wm-accent); }

/* ══ وضع التركيز (focus-mode.js) ══ */
body.wm-focus-mode #wm-live-stream,
body.wm-focus-mode #wm-map-hud .wm-hud-counts,
body.wm-focus-mode #wm-brief-panel { display: none !important; }
#wm-focus-btn.active { color: var(--wm-accent); }

/* ══ تهدئة الواجهة — حزمة المقترحات الإضافية ══ */

/* (1) الشريط العلوي: إزالة التكرار — نص "متصل" (النقطة الملونة تكفي) وعدد الأخبار (موجود في الشريط الجانبي) */
#wm-conn-label, #wm-topbar .wm-topbar-count { display: none !important; }
#wm-topbar .wm-topbar-right { gap: 4px; }
#wm-tabs-bar .wm-tab { padding: 4px 10px; font-size: 12.5px; }

/* (2) شارات العدّ: رمادية هادئة — الأحمر محجوز لجرس العاجل وحده */
.wm-ld-badge, #wm-intel-badge-count, #wm-my-radar-badge, #wm-rc-count {
  background: #334155 !important; color: #e2e8f0 !important;
  box-shadow: none !important; font-weight: 600;
}

/* (4) البلاطات: تخفيف سطوع أسماء المدن كي لا تنافس العلامات */
.leaflet-tile-pane { filter: brightness(.74) contrast(.8) saturate(.65); }

/* (5) الساعات: أول 5 مدن فقط، والباقي بالنقر */
#wm-world-clock { cursor: pointer; }
#wm-world-clock:not(.wm-wc-expanded) > :nth-child(n+10) { display: none; } /* عنصر-فاصل بالتناوب: الخامس = الابن 9 */
#wm-world-clock .wm-wc-city { font-size: 10.5px; }
#wm-world-clock .wm-wc-time { font-size: 12px; }

/* (8) تنويه OSINT: سطر صغير قابل للإخفاء */
.wm-osint-notice {
  display: flex; align-items: center; gap: 6px;
  margin: 6px 10px 0; padding: 4px 8px;
  border-right: 2px solid var(--wm-orange); border-radius: 4px;
  background: rgba(249,115,22,.06);
  font-size: 10px; color: #fdba74; line-height: 1.5;
}
.wm-osint-notice span { flex: 1; }
.wm-osint-notice-x { background: none; border: 0; color: #94a3b8; cursor: pointer; font-size: 11px; padding: 0 2px; }

/* (9) شريط الأزمات: خلفية داكنة محايدة + حافة حمراء، بدل كتلة حمراء ثانية تنافس شريط العاجل */
#wm-crisis-banner {
  background: rgba(15,23,42,.94) !important;
  border-bottom: 1px solid var(--wm-surface-line) !important;
  border-right: 3px solid #dc2626 !important; /* RTL: بداية السطر */
  color: #fecaca !important;
  backdrop-filter: blur(8px);
}

/* مرحلة "جديد" — خبر حديث بلا خطورة عالية: محايد لا أحمر */
.wm-stage-new {
  font-size: 10px; padding: 1px 6px; border-radius: 4px;
  background: rgba(148,163,184,.12); color: #94a3b8; border: 1px solid rgba(148,163,184,.25);
  white-space: nowrap;
}

/* (3) لوحة العدادات أسفل الخريطة: أصغر وأخف */
#wm-map-hud .wm-hud-counts { transform-origin: bottom right; transform: scale(.82); opacity: .9; }
#wm-map-hud .wm-hud-counts:hover { opacity: 1; }

/* ══ إصلاح قصّ تبويبات التصنيف في الشريط العلوي ══
   justify-content:center + overflow:hidden كان يقصّ الطرفين حين يضيق المكان.
   الآن: التوسيط عبر margin:auto (يتحوّل لمحاذاة بداية عند الامتلاء)، وتمرير أفقي
   بعجلة الفأرة، وتلاشٍ على الحافة اليسرى يدلّ على وجود المزيد */
.wm-topbar-center { min-width: 0; justify-content: flex-start; }
#wm-tabs-bar { max-width: 100%; min-width: 0; margin-inline: auto; scroll-behavior: smooth; }
#wm-tabs-bar.wm-tabs-overflow {
  -webkit-mask-image: linear-gradient(to left, #000 88%, transparent);
          mask-image: linear-gradient(to left, #000 88%, transparent);
}
#wm-tabs-bar.wm-tabs-overflow.wm-tabs-at-end { -webkit-mask-image: none; mask-image: none; }

/* ══ (3) شريط عائم موحّد: شرائح التبديل والوقت داخل كبسولة زجاجية واحدة بفواصل ══ */
#wm-tf-pill-wrap {
  gap: 0;
  padding: 3px;
  background: rgba(15,23,42,.82);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 22px;
  backdrop-filter: blur(8px);
  box-shadow: var(--wm-shadow-md);
}
#wm-tf-pill-wrap > .wm-tf-pill {
  background: transparent; border: 0; box-shadow: none; backdrop-filter: none; padding: 0 2px;
}
#wm-tf-pill-wrap > .wm-tf-pill + .wm-tf-pill { border-right: 1px solid rgba(148,163,184,.18); /* RTL: فاصل قبل الشريحة */ margin-right: 4px; padding-right: 6px; }

/* ══ (1) تبويبات التصنيف: الإضافية خلف "المزيد" ══ */
#wm-tabs-bar:not(.wm-tabs-show-extra) .wm-tab-extra:not(.active) { display: none; }
.wm-tabs-more-btn {
  background: transparent; border: 0; color: var(--wm-text-dim);
  font: inherit; font-size: 12px; padding: 4px 10px; cursor: pointer; white-space: nowrap; border-radius: 3px;
}
.wm-tabs-more-btn:hover { color: var(--wm-text); background: rgba(255,255,255,.05); }

/* ══ (6) شريط العاجل: داكن بحافة حمراء — الأحمر للشارة وحدها ══ */
#wm-breaking-bar {
  background: rgba(15,23,42,.94) !important;
  border-top: 1px solid rgba(239,68,68,.55) !important;
  animation: none !important;
  backdrop-filter: blur(8px);
}
#wm-breaking-bar .wm-breaking-label {
  background: #dc2626; color: #fff; padding: 2px 10px; border-radius: 4px; font-weight: 700;
}

/* ══ (8) أرقام لوحة التحكم بخط أحادي المسافة ══ */
#wm-map-hud .wm-hud-counts, .wm-defcon-num {
  font-family: var(--wm-font-mono), var(--wm-font-ar);
  font-variant-numeric: tabular-nums;
}

/* ══ مراجعة الجوال (2026-09-24) — قواعد محصورة بالشاشات الصغيرة، لا أثر على المكتب ══ */
@media (max-width: 768px) {
  /* الكبسولة الموحّدة: سطر واحد يُمرَّر أفقياً بدل الالتفاف لكتلة مشوّهة */
  #wm-tf-pill-wrap {
    flex-wrap: nowrap;
    max-width: calc(100vw - 16px);
    overflow-x: auto;
    scrollbar-width: none;
    border-radius: 18px;
  }
  #wm-tf-pill-wrap::-webkit-scrollbar { display: none; }
  #wm-tf-pill-wrap .wm-tf-btn { padding: 4px 9px; font-size: 11.5px; white-space: nowrap; }

  /* العدادات: لا تتجاوز عرض الشاشة — تمرير أفقي داخلها */
  #wm-map-hud .wm-hud-counts {
    max-width: calc(100vw - 64px);
    overflow-x: auto;
    scrollbar-width: none;
    transform: none;
  }
  #wm-map-hud .wm-hud-counts::-webkit-scrollbar { display: none; }

  /* الساعة: ثلاث مدن فقط على الهاتف (عنصر-فاصل بالتناوب: الثالثة = الابن 5) */
  #wm-world-clock:not(.wm-wc-expanded) > :nth-child(n+6) { display: none; }

  /* تنويه المصادر المفتوحة وشارة المرحلة: أحجام لمس مريحة */
  .wm-osint-notice-x { padding: 4px 8px; font-size: 13px; }
}
@media (max-width: 480px) {
  /* العدادات على أصغر الشاشات: وضع التركيز متاح، لكن نُصغّرها افتراضياً */
  #wm-map-hud .wm-hud-counts { transform: scale(.85); transform-origin: bottom right; }
}
@media (max-width: 768px) {
  /* شريط الأزمات كان يقع خلف شريط التصنيف الخاص بالجوال (top:45px) فيُقصّ — نضعه تحته */
  #wm-crisis-banner { top: 86px !important; left: 0 !important; right: 0 !important; font-size: 11px; }
  /* أزرار التكبير/التصغير تزاحم الجزء الصغير الظاهر من الخريطة — التكبير بإصبعين متاح */
  .leaflet-control-zoom { display: none !important; }
}

/* ══ (1) عناقيد الخريطة: دائرة داكنة شفافة بحافة ملوّنة ورقم أبيض — بدل التعبئة الزاهية
   التي كانت تنافس ألوان الدول تحتها. اللون يبقى دالاً على متوسط الخطورة/النوع ══ */
#wm-map .wm-cluster              { --c: 239,68,68; }
#wm-map .wm-cluster-warm         { --c: 249,115,22; }
#wm-map .wm-cluster-cool         { --c: 34,197,94; }
#wm-map .wm-cluster-eq           { --c: 234,179,8; }
#wm-map .wm-cluster-gdelt        { --c: 59,130,246; }
#wm-map .wm-cluster {
  background: rgba(10,17,30,.82);
  border: 2px solid rgba(var(--c),.95);
  box-shadow: 0 0 12px rgba(var(--c),.35), inset 0 0 10px rgba(var(--c),.18);
  color: #f8fafc;
  font-family: var(--wm-font-mono), var(--wm-font-ar);
  backdrop-filter: blur(2px);
}
#wm-map .wm-cluster::before { border-color: rgba(var(--c),.4); }
#wm-map .wm-cluster:hover { box-shadow: 0 0 18px rgba(var(--c),.6), inset 0 0 12px rgba(var(--c),.25); }

/* ══ (6) شارة Admiralty أهدأ: الحرف بلونه على خلفية شفافة بدل كتلة زاهية ══ */
.wm-adm:not(.wm-adm-lg) { border-color: color-mix(in srgb, var(--adm, #64748b) 55%, transparent); }
.wm-adm:not(.wm-adm-lg) .wm-adm-l {
  background: color-mix(in srgb, var(--adm, #64748b) 18%, transparent);
  color: var(--adm, #64748b);
}

/* ══ (4) أنماط قائمة الأخبار التي كانت مضمَّنة في app.js ══ */
.wm-load-more {
  display: block; text-align: center; cursor: pointer; user-select: none;
  margin: var(--wm-space-2) var(--wm-space-3) var(--wm-space-4);
  padding: 10px; font-size: 12px; color: var(--wm-accent);
  border: 1px solid var(--wm-border); border-radius: var(--wm-radius-sm);
  background: rgba(255,255,255,.02);
  transition: background .15s, border-color .15s;
}
.wm-load-more:hover { background: rgba(255,255,255,.05); border-color: var(--wm-accent); }
.wm-news-error {
  margin: 16px 12px; padding: 18px 14px; text-align: center; font-size: 13px; line-height: 1.7;
  color: #fca5a5; border: 1px dashed rgba(239,68,68,.45); border-radius: var(--wm-radius-md);
  background: rgba(239,68,68,.05);
}

/* ══ (8) ظهور ناعم للخريطة بعد شاشة التحميل بدل ظهور الطبقات دفعة واحدة ══ */
#wm-map { animation: wm-fade-in .6s ease-out; }
@media (prefers-reduced-motion: reduce) { #wm-map { animation: none; } }

/* سطر التغطية في بانل التقرير الاستخباراتي: كان nowrap + overflow-x:auto فظهر شريط تمرير
   أفقي بعد التحوّل لخط IBM Plex (أعرض قليلاً من الكوفي) — يلتف الآن لسطرين عند الحاجة */
#wm-brief-panel .wm-bp-coverage {
  flex-wrap: wrap;
  white-space: normal;
  overflow: hidden;
  row-gap: 2px;
  line-height: 1.5;
}
#wm-brief-panel .wm-bp-coverage > * { white-space: nowrap; }
/* زر المزيد/أقل صار خارج #wm-tabs-bar (شقيقه) — لا ينكمش ولا يُقصّ مهما اتسع الصف */
.wm-topbar-center > .wm-tabs-more-btn { flex-shrink: 0; align-self: center; margin-inline-start: 2px; }

/* ══ أيقونات SVG خارج الدَوك (dock-icons.js ← _applyOutside) ══ */
.wm-tb-btn svg.wm-ld-ico,
.wm-tool-btn svg.wm-ld-ico,
.wm-sb-close-btn svg.wm-ld-ico { width: 17px; height: 17px; display: block; margin: auto; pointer-events: none; }
.wm-sbt-icon svg.wm-ld-ico     { width: 18px; height: 18px; display: block; margin: 0 auto; pointer-events: none; }
.wm-sbt-icon { color: var(--wm-text-dim); }
.wm-sbt.active .wm-sbt-icon, .wm-sbt:hover .wm-sbt-icon { color: var(--wm-accent); }
.wm-tb-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; }

/* ══ رأس اللوحة الجانبية: صف أزرار متناسق — نفس الحجم والإطار، والأحمر للإغلاق عند التمرير فقط ══ */
#wm-sidebar .wm-tool-btn,
#wm-sidebar .wm-sb-close-btn {
  width: 32px; height: 32px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--wm-border);
  border-radius: var(--wm-radius-sm);
  color: var(--wm-text-dim);
  transition: color .15s, border-color .15s, background .15s;
}
#wm-sidebar .wm-tool-btn:hover { color: var(--wm-text); border-color: var(--wm-accent); }
#wm-sidebar .wm-sb-close-btn:hover { color: var(--wm-red); border-color: rgba(239,68,68,.5); background: rgba(239,68,68,.08); }

/* شارة الخطورة في بطاقة الخبر بتسمية صريحة ("خطورة 5/10") */
.wm-item-foot .wm-score-labeled {
  font-family: var(--wm-font-ar); font-variant-numeric: tabular-nums;
  width: auto; min-width: 0; padding: 1px 7px; border-radius: 4px;
  font-size: 10.5px; font-weight: 600; white-space: nowrap; line-height: 1.6;
}
.wm-item-foot .wm-score-labeled small { font-size: 9px; opacity: .7; margin-inline-start: 1px; }

/* (5) أيقونات الشريط العلوي أوضح — كانت رمادية خافتة (--wm-text-dim) بعد التحوّل من الإيموجي */
#wm-topbar .wm-tb-btn { color: #cbd5e1; }
#wm-topbar .wm-tb-btn:hover, #wm-topbar .wm-tb-btn.active { color: var(--wm-accent); }

/* (6) أيقونات شريط التنقل السفلي على الجوال */
.wm-mn-icon svg.wm-ld-ico { width: 21px; height: 21px; display: block; margin: 0 auto; pointer-events: none; }
.wm-mn-btn .wm-mn-icon { color: var(--wm-text-dim); }
.wm-mn-btn.active .wm-mn-icon { color: var(--wm-accent); }

/* (3) خانات العدادات بلا قيمة ("–") مخفية — السكربت بعد .wm-hud-counts يضع الكلاس */
#wm-map-hud .wm-threat-empty { display: none !important; }

/* ══ طيّ مجموعات الدَوك (dock-icons.js ← _initDockGroups) ══ */
#wm-layer-dock .wm-ld-label { cursor: pointer; user-select: none; position: relative; }
#wm-layer-dock .wm-ld-label::after { content: '▾'; font-size: 8px; margin-inline-start: 2px; opacity: .6; display: inline-block; transition: transform .15s; }
#wm-layer-dock .wm-ld-label.wm-ld-label-collapsed::after { transform: rotate(90deg); } /* RTL: السهم يشير للجانب عند الطي */
#wm-layer-dock .wm-ld-label:hover { color: var(--wm-accent); }
#wm-layer-dock .wm-ld-grp-hidden { display: none !important; }

/* ══ بطاقة النقطة الساخنة (hotspots.js) — كانت نصاً بلا خلفية فوق الخريطة ══ */
.wm-hs-card {
  background: #0f172a; border: 1px solid #334155; border-top: 3px solid var(--hs, #22c55e);
  border-radius: 10px; padding: 12px 14px; min-width: 220px; color: #e2e8f0;
  font-family: var(--wm-font-ar); direction: rtl; text-align: right;
  box-shadow: 0 10px 30px rgba(0,0,0,.55);
}
.wm-hs-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.wm-hs-flag { font-size: 20px; line-height: 1; }
.wm-hs-name { font-family: var(--wm-font-ar-hd); font-size: 15px; font-weight: 700; color: #f8fafc; }
.wm-hs-level { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; font-weight: 600; color: var(--hs, #22c55e); }
.wm-hs-level b { font-size: 16px; }
.wm-hs-level small { font-size: 10px; color: #94a3b8; font-weight: 400; }
.wm-hs-bar { height: 5px; background: #1e293b; border-radius: 3px; margin: 6px 0 10px; overflow: hidden; }
.wm-hs-bar i { display: block; height: 100%; background: var(--hs, #22c55e); border-radius: 3px; }
.wm-hs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
.wm-hs-cell { background: #1e293b; border-radius: 6px; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; }
.wm-hs-cv { font-size: 14px; font-weight: 700; color: #f1f5f9; }
.wm-hs-cl { font-size: 10px; color: #94a3b8; }
.wm-hs-more { display: block; text-align: center; font-size: 11px; color: #60a5fa !important; text-decoration: none; padding: 6px; border-radius: 6px; background: rgba(59,130,246,.1); }
.wm-hs-more:hover { background: rgba(59,130,246,.2); }
.wm-hs-popup .leaflet-popup-close-button { color: #94a3b8 !important; top: 8px !important; left: 8px !important; right: auto !important; } /* RTL */

/* ── ملخص القصة المتطورة (WM_AI_Enrich) ── */
.wm-story-sum{direction:rtl;text-align:right;font-size:13px;line-height:1.7}
.wm-story-sum .wm-ss-line{margin:0 0 var(--wm-space-2,8px);color:var(--wm-text,#e2e8f0);font-weight:600}
.wm-story-sum .wm-ss-h{font-size:12px;color:var(--wm-text-dim,#94a3b8);margin:var(--wm-space-2,8px) 0 2px}
.wm-story-sum ul{margin:0;padding:0 18px 0 0} /* RTL */
.wm-story-sum .wm-ss-unclear li{color:var(--wm-text-dim,#94a3b8)}
.wm-story-sum .wm-ss-foot{margin-top:var(--wm-space-2,8px);font-size:11px;color:var(--wm-text-dim,#64748b)}

/* ── ملخص 3 نقاط للأخبار الخطيرة (WM_AI_Enrich::cron_news_bullets) ── */
.wm-bullets-list{direction:rtl;text-align:right;font-size:13px;line-height:1.7;margin:0;padding:0 18px 0 0;color:var(--wm-text,#e2e8f0)} /* RTL */
.wm-bullets-list li{margin-bottom:4px}

/* ── زر الاستماع لملخص البريف (listen-brief.js) ── */
.wm-listen-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;text-transform:none;letter-spacing:normal;font-weight:400;border:1px solid var(--wm-border,#334155);border-radius:999px;background:transparent;color:var(--wm-text-dim,#94a3b8);cursor:pointer}
.wm-listen-btn:hover{color:var(--wm-text,#e2e8f0);border-color:var(--wm-accent,#22c55e)}
.wm-listen-btn.wm-listen-active{color:var(--wm-accent,#22c55e);border-color:var(--wm-accent,#22c55e)}

/* ── رادار ما قبل الخبر (pre-news-radar.js) ── */
.wm-pnr-notice{direction:rtl;text-align:right;padding:8px 12px;font-size:11px;line-height:1.6;color:var(--wm-text-dim,#94a3b8);background:rgba(239,68,68,0.06);border-bottom:1px solid var(--wm-border,#334155)}
.wm-pnr-item{direction:rtl;text-align:right;margin:8px;padding:10px 12px;border-radius:8px;background:var(--wm-surface,#1e293b);border-right:3px solid #94a3b8}
.wm-pnr-top{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:5px}
.wm-pnr-icon{font-size:14px}
.wm-pnr-region{color:var(--wm-text,#e2e8f0);font-weight:600}
.wm-pnr-conf{margin-inline-start:auto;font-weight:700;font-size:10px}
.wm-pnr-label{font-size:13px;color:var(--wm-text,#e2e8f0);line-height:1.6;margin-bottom:4px}
.wm-pnr-src{font-size:10px;color:var(--wm-text-dim,#64748b)}
.wm-pnr-empty{direction:rtl;text-align:center;padding:30px;font-size:13px;color:var(--wm-text-dim,#94a3b8)}

/* ── تعديلات المصدر بعد النشر (فروق كلمة بكلمة) ── */
.wm-rev-wrap{direction:rtl;text-align:right;font-size:12px;line-height:1.9}
.wm-rev-item{padding:8px 10px;margin-bottom:6px;border-radius:8px;background:rgba(249,115,22,0.06);border-right:3px solid #f97316}
.wm-rev-ts{font-size:11px;color:var(--wm-text-dim,#94a3b8);margin-bottom:4px}
.wm-rev-diff{color:var(--wm-text,#e2e8f0)}
.wm-rev-diff b{font-weight:600;color:var(--wm-text-dim,#94a3b8)}
.wm-diff-del{color:#ef4444;text-decoration:line-through;text-decoration-color:rgba(239,68,68,0.6)}
.wm-diff-add{color:#22c55e;text-decoration:none;font-weight:600}

/* ── رادار المعلومة الناقصة ── */
.wm-missing-wrap{direction:rtl;text-align:right;font-size:12.5px;line-height:2}
.wm-missing-yes{color:#22c55e}
.wm-missing-no{color:#ef4444}
.wm-missing-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--wm-border,#334155);font-size:11px;color:var(--wm-text-dim,#94a3b8)}

/* ── وضع "أثبت لي" ── */
.wm-prove-wrap{direction:rtl;text-align:right;font-size:12.5px;line-height:1.8}
.wm-prove-block{margin-bottom:10px}
.wm-prove-block b{color:var(--wm-text,#e2e8f0);font-size:12px}
.wm-prove-block ul{margin:4px 0 0;padding-right:18px}
.wm-prove-reuse{margin-top:4px;font-size:12px}
.wm-prove-note{margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(6,182,212,0.08);color:var(--wm-text,#e2e8f0);font-size:12px}
.wm-prove-foot{margin-top:8px;font-size:10.5px;color:var(--wm-text-dim,#64748b)}
.wm-prove-empty{text-align:center;padding:16px;color:var(--wm-text-dim,#94a3b8);font-size:12px}

/* ── شجرة انتقال الخبر ── */
.wm-prop-wrap{direction:rtl;text-align:right;font-size:12.5px}
.wm-prop-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-right:2px solid var(--wm-border,#334155);padding-right:12px;margin-right:4px}
.wm-prop-dot{width:7px;height:7px;border-radius:50%;background:#06b6d4;flex-shrink:0;margin-right:-16px;background-clip:padding-box;border:2px solid var(--wm-bg,#0f172a)}
.wm-prop-src{font-weight:600;color:var(--wm-text,#e2e8f0)}
.wm-prop-gap{color:var(--wm-text-dim,#94a3b8);font-size:11px;margin-inline-start:auto}

/* ── إشعار إنجاز نهاية البريف («إنهاء الأخبار») ── */
.wm-bm-done{direction:rtl;text-align:center;margin-top:18px;padding:12px;font-size:13px;font-weight:600;border-radius:10px;background:rgba(34,197,94,0.12);background:color-mix(in srgb, var(--wm-accent,#22c55e) 12%, transparent);color:var(--wm-accent,#22c55e)}

/* ── الوضع السريع/العميق (feed-mode.js) — مسح سريع للعناوين والخطورة فقط ── */
body.wm-quick-mode .wm-thumb,
body.wm-quick-mode .wm-item-summary,
body.wm-quick-mode .wm-cat-chip,
body.wm-quick-mode .wm-energy-strip,
body.wm-quick-mode .wm-stage-breaking,
body.wm-quick-mode .wm-stage-new,
body.wm-quick-mode .wm-stage-developing,
body.wm-quick-mode .wm-stage-sustained,
body.wm-quick-mode .wm-stage-fading{display:none !important}
body.wm-quick-mode .wm-item{padding-top:4px;padding-bottom:4px}
/* زر «سريع/عميق» — نفس نمط كبسولة مساحة العمل (.wm-ws-btn) لا مربع .wm-tb-btn الثابت 32×32
   (كان النص "🏃 سريع" ينضغط داخل مربع ضيق فيظهر مشوَّهاً/مقصوصاً) */
.wm-feed-mode-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(13,26,42,0.7);border:1px solid var(--wm-border);border-radius:18px;color:var(--wm-text-dim);font-family:var(--wm-font-ar);font-size:12px;font-weight:700;padding:5px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;backdrop-filter:blur(4px)}
.wm-feed-mode-btn:hover{background:rgba(0,212,255,0.12);border-color:var(--wm-accent);color:var(--wm-accent)}
.wm-feed-mode-btn[aria-pressed="true"]{color:var(--wm-accent,#22c55e);border-color:var(--wm-accent,#22c55e)}
.wm-fm-icon{display:inline-flex;line-height:1;font-size:13px}
.wm-fm-label{line-height:1}
@media (max-width:640px){ .wm-fm-label{display:none} .wm-feed-mode-btn{padding:6px 8px} }

/* ── «ما فاتك منذ زيارتك الأخيرة» (whats-new.js) ── */
.wm-whatsnew-strip{direction:rtl;text-align:right;display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;font-size:12px;border-radius:10px;background:var(--wm-surface,#1e293b);border:1px solid var(--wm-border,#334155);color:var(--wm-text-dim,#94a3b8);cursor:pointer}
.wm-whatsnew-strip:hover{border-color:var(--wm-accent,#22c55e)}
.wm-whatsnew-strip b{color:var(--wm-text,#e2e8f0)}
.wm-whatsnew-strip .wm-wn-x{margin-inline-start:auto;background:none;border:none;color:var(--wm-text-dim,#64748b);cursor:pointer;font-size:13px;padding:2px 4px}

/* ── حساسية شريط العاجل ── */
.wm-breaking-sens{flex-shrink:0;margin:0 4px;padding:1px 8px;border-radius:var(--wm-radius-sm,6px);border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--wm-text-dim,#94a3b8);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.wm-breaking-sens.active{border-color:var(--wm-red,#ef4444);color:var(--wm-red,#ef4444)}

/* ── مراسي استشهاد البريف ── */
.wm-brief-cites{margin-top:4px;font-size:11px;color:var(--wm-text-dim,#94a3b8);line-height:1.9}
.wm-brief-cite{display:inline-block;padding:0 6px;margin-left:3px;border-radius:var(--wm-radius-sm,6px);border:1px solid rgba(255,255,255,.14);color:var(--wm-accent,#22c55e);text-decoration:none;white-space:nowrap} /* RTL */
.wm-brief-cite:hover{border-color:var(--wm-accent,#22c55e)}

/* ── سوابق مشابهة ── */
.wm-prec-list{direction:rtl;text-align:right;font-size:12.5px;line-height:1.7}
.wm-prec-item{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.wm-prec-date{display:inline-block;min-width:78px;color:var(--wm-text-dim,#94a3b8);font-size:11px}
.wm-prec-src{color:var(--wm-text-dim,#94a3b8);font-size:11px}
.wm-prec-foot{margin-top:6px;font-size:11px;color:var(--wm-text-dim,#64748b)}

/* ── المشغّل العائم للفيديو (youtube-feed.js → WM_YouTube.play) ──
   أسفل يمين الخريطة بجانب الدَوك وفوق شريط العاجل — نافذة واحدة تُستبدل عند كل تشغيل */
#wm-yt-float {
    /* فوق حاوية التطبيق (z-index 99999) — بأقل منها يعمل الصوت والنافذة مخفية تحتها */
    position: fixed; right: 60px; bottom: 44px; z-index: 100000;
    width: min(560px, calc(100vw - 32px));
    background: #000; border: 1px solid rgba(148,163,184,.25);
    border-radius: var(--wm-radius-md, 10px); overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,.6);
}
#wm-yt-float iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
.wm-yt-float-bar {
    display: flex; align-items: center; gap: 8px; padding: 6px 10px;
    background: rgba(15,23,42,.95); color: #e2e8f0; font-size: 12px;
}
.wm-yt-float-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wm-yt-float-x { background: none; border: 0; color: #cbd5e1; cursor: pointer; font-size: 14px; padding: 2px 4px; }
.wm-yt-float-x:hover { color: #fff; }
@media (max-width: 768px) {
    /* الجوال: بعرض الشاشة فوق شريط التنقل السفلي */
    #wm-yt-float { right: 8px; left: 8px; width: auto; bottom: 64px; }
}
.wm-yt-float-open { color: #93c5fd; font-size: 11px; white-space: nowrap; text-decoration: none; }
.wm-yt-float-open:hover { text-decoration: underline; }

/* ══ قسم «مرئي» — فلاتر، بطاقات مدموجة، علامات، بث مباشر، مشغّل ══ */
.wm-tf-pill .wm-tf-btn[data-vm] { border: none; border-radius: 16px; background: transparent; padding: 4px 12px; margin: 0; }
.wm-tf-pill .wm-tf-btn[data-vm]:hover { background: rgba(255,255,255,0.08); color: var(--wm-text); }
.wm-tf-pill .wm-tf-btn[data-vm].active { background: #ef4444; color: #1a0505; font-weight: 700; }
.wm-video-mode { margin: 8px 10px 0; width: fit-content; }

.wm-video-chk { font-size: 11px; color: #cbd5e1; display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }

/* بطاقة الفيديو في القائمة: بنية .wm-item الموحَّدة (انظر «توحيد أقسام الشريط الجانبي» أسفل الملف) */
.wm-yt-thumb { position: relative; width: 86px; height: 48px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: #000; }
.wm-yt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wm-yt-badge {
  position: absolute; top: 3px; right: 3px; background: rgba(239,68,68,.92); color: #fff;
  font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 4px; line-height: 1.4; pointer-events: none;
}
.wm-yt-badge-prog { background: rgba(59,130,246,.92); }
.wm-yt-avatar {
  display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%;
  color: #fff; font-size: 9px; font-weight: 700; flex-shrink: 0; vertical-align: middle; margin-inline-end: 4px;
}
.wm-yt-multi { background: rgba(239,68,68,.16); color: #fca5a5; border-radius: 8px; padding: 0 6px; font-size: 10px; }
.wm-yt-alts { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.wm-yt-alt {
  background: rgba(148,163,184,.12); border: 1px solid rgba(148,163,184,.25); color: #e2e8f0; cursor: pointer;
  border-radius: 12px; padding: 1px 8px 1px 6px; font-size: 10.5px; font-family: inherit; display: inline-flex; align-items: center;
}
.wm-yt-alt:hover { background: rgba(239,68,68,.25); }

/* بطاقة الفيديو داخل popup/نافذة الخبر */
.wm-yt-card { margin-bottom: 10px; }
.wm-yt-play {
  position: relative; display: block; width: 100%; aspect-ratio: 16/9; border: 0; padding: 0; cursor: pointer; border-radius: 8px;
}
.wm-yt-play-ico { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 42px; color: #fff; text-shadow: 0 2px 8px #000; }
.wm-yt-card-title { font-size: 12px; margin-top: 6px; line-height: 1.5; }
.wm-yt-card-meta { font-size: 11px; opacity: .8; margin-top: 2px; }
.wm-yt-conf { font-size: 11.5px; color: #86efac; margin-bottom: 6px; font-weight: 600; }
.wm-yt-conf-one { color: #cbd5e1; font-weight: 400; }

/* شريط تغطية ذات صلة (مرئي + بودكاست موحَّدان) داخل نافذة الخبر — WM_MediaStrip في app.js */
.wm-media-strip { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
.wm-media-card {
  flex: 0 0 140px; width: 140px; height: 150px; border: 0; padding: 0; border-radius: 8px; cursor: pointer;
  background-size: cover; background-position: center; background-color: #000; position: relative; overflow: hidden;
  display: flex; flex-direction: column; justify-content: flex-end; text-align: right;
}
.wm-media-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.35) 45%, transparent 70%);
}
.wm-media-icon {
  position: absolute; top: 6px; right: 6px; z-index: 2; font-size: 13px; line-height: 1;
  background: rgba(0,0,0,.6); border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center;
}
.wm-media-ch { position: relative; z-index: 2; font-size: 10px; color: #e2e8f0; padding: 0 8px; font-weight: 700; }
.wm-media-title {
  position: relative; z-index: 2; font-size: 11px; color: #fff; padding: 2px 8px 8px; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.wm-media-disclaimer { font-size: 10px; opacity: .55; margin-top: 4px; }

/* قسم «تداول غير مؤكَّد» (شائعات/OSINT) داخل نافذة الخبر — WM_ClaimLink في claim-link.js
   مستقل عمداً عن .wm-media-strip أعلاه (محتوى غير مُكمِّل، بل غير مؤكَّد) — راجع CLAUDE.md */
.wm-claim-list { display: flex; flex-direction: column; gap: 8px; }
.wm-claim-item { background: rgba(249,115,22,.07); border: 1px solid rgba(249,115,22,.25); border-radius: 8px; padding: 8px 10px; }
.wm-claim-title { font-size: 12.5px; color: #e2e8f0; line-height: 1.4; margin-bottom: 4px; }
.wm-claim-meta { font-size: 11px; color: #fdba74; }
.wm-claim-link { font-size: 11px; margin-top: 4px; }
.wm-claim-link a { color: #93c5fd; text-decoration: none; cursor: pointer; }
.wm-claim-link a:hover { text-decoration: underline; }
/* رابط المصدر الخام ثانوي — باهت وأصغر، الرابط الداخلي (داخل عربي رادار) هو الأساسي */
.wm-claim-link a.wm-claim-raw { color: #94a3b8; font-size: 10px; }
.wm-claim-disclaimer { font-size: 10px; opacity: .6; margin-top: 6px; }

/* شارة ⚠️ خفيفة على بطاقة الخبر — تداول غير مؤكَّد مرتبط (claim-link.js markCardsLight) */
.wm-claim-mark { font-size: 11px; color: #fdba74; margin-inline-start: auto; white-space: nowrap; }

/* شارة 🎙️ خفيفة على بطاقة الخبر — بودكاست ذو صلة (podcast-feed.js markCards) */
.wm-podcast-badge { color: #a855f7; font-size: 12px; }

/* علامة الخريطة وشارة بطاقات الأخبار */
.wm-yt-marker {
  position: relative; width: 26px; height: 26px; border-radius: 50%; background: rgba(15,23,42,.9);
  border: 2px solid #ef4444; display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.wm-yt-marker b {
  position: absolute; top: -7px; right: -7px; background: #ef4444; color: #fff; border-radius: 8px;
  font-size: 9px; padding: 0 4px; line-height: 14px; font-weight: 700;
}
.wm-yt-mark { font-size: 11px; color: #fca5a5; margin-inline-start: auto; white-space: nowrap; }

/* البث المباشر */
.wm-yt-live-note { font-size: 11px; opacity: .7; margin-bottom: 8px; }
.wm-yt-live-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.wm-yt-live-btn {
  display: flex; align-items: center; gap: 6px; padding: 10px; border-radius: 10px; cursor: pointer; font-family: inherit;
  background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.35); color: #e2e8f0; font-size: 12px; text-align: right;
}
.wm-yt-live-btn:hover { background: rgba(239,68,68,.2); }

/* المشغّل العائم: سحب، تصغير، تنقّل */
.wm-yt-float-bar { cursor: move; user-select: none; }
.wm-yt-float-btn { background: none; border: 0; color: #cbd5e1; cursor: pointer; font-size: 13px; padding: 2px 4px; }
.wm-yt-float-btn:hover { color: #fff; }
.wm-yt-dragging iframe { pointer-events: none; }
#wm-yt-float.wm-yt-min { width: min(340px, calc(100vw - 32px)); }
/* التصغير يُبقي الـiframe موجوداً بارتفاع 1px كي يستمر الصوت */
#wm-yt-float.wm-yt-min iframe { aspect-ratio: auto; height: 1px; opacity: 0; pointer-events: none; }

/* ══════════════════════════════════════════════════════════════
   توحيد أقسام الشريط الجانبي (2026-09-30): الأخبار الرسمية / المصادر المفتوحة /
   الشائعات / المرئي — نفس الشريط العلوي (تحديث + بحث + اختيار)، صف الوقت، صف الفلاتر،
   ونفس بطاقة .wm-item (صورة أولاً على اليمين ثم العنوان ثم التذييل).
   لون كل قسم عبر --ux (r,g,b) على لوحته فقط.
   ══════════════════════════════════════════════════════════════ */
#wm-panel-news-wrap { --ux: 0,180,255; }
#wm-panel-osint     { --ux: 249,115,22; }
#wm-panel-rumors    { --ux: 59,130,246; }
#wm-panel-video     { --ux: 239,68,68; }
#wm-panel-podcast   { --ux: 168,85,247; }
#wm-panel-statements { --ux: 100,116,139; }

.wm-ux-bar { display: flex; gap: 6px; align-items: center; padding: 8px 10px 4px; position: relative; direction: rtl; }
.wm-ux-btn {
  flex-shrink: 0; height: 30px; min-width: 30px; padding: 0 8px; box-sizing: border-box; border-radius: 16px;
  background: rgba(var(--ux),.06); border: 1px solid rgba(var(--ux),.3); color: #cbd5e1; cursor: pointer;
  font-size: 12px; font-family: inherit; display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s, border-color .15s; position: relative; line-height: 1;
}
.wm-ux-btn:hover, .wm-ux-btn.active { background: rgba(var(--ux),.22); border-color: rgba(var(--ux),.6); color: #fff; }
.wm-ux-search {
  flex: 1; min-width: 0; height: 30px; box-sizing: border-box; padding: 0 12px;
  background: rgba(var(--ux),.06); border: 1px solid rgba(var(--ux),.3); border-radius: 16px;
  color: #e2e8f0; font-size: 12px; font-family: inherit; outline: none;
}
.wm-ux-search:focus { border-color: rgba(var(--ux),.7); }
.wm-ux-search::placeholder { color: #64748b; }
.wm-ux-sel {
  flex-shrink: 0; height: 30px; box-sizing: border-box; padding: 0 8px; max-width: 120px;
  background: rgba(var(--ux),.06); border: 1px solid rgba(var(--ux),.3); border-radius: 16px;
  color: #e2e8f0; font-size: 11px; font-family: inherit; outline: none;
}
.wm-ux-sel option { background: #0f172a; color: #e2e8f0; }
.wm-ux-time { display: flex; gap: 4px; padding: 2px 10px 6px; flex-wrap: wrap; direction: rtl; }
.wm-ux-time .wm-tf-btn { border-radius: 14px; padding: 3px 10px; }
.wm-ux-time .wm-tf-btn.active { background: rgb(var(--ux)); border-color: rgb(var(--ux)); color: #071023; font-weight: 700; }
.wm-ux-filters { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 10px 8px; align-items: center; direction: rtl; }
.wm-ux-chip {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); color: #94a3b8; padding: 4px 10px;
  border-radius: 16px; font-size: 11px; cursor: pointer; font-family: inherit; transition: background .15s, border-color .15s;
}
.wm-ux-chip:hover { border-color: rgba(var(--ux),.5); color: #e2e8f0; }
.wm-ux-chip.active { background: rgba(var(--ux),.2); border-color: rgba(var(--ux),.65); color: #fff; font-weight: 600; }
/* أزرار أقسام قديمة داخل صف الأدوات: نفس الشكل */
.wm-ux-filters .wm-ux-btn { padding: 0 10px; }

/* الحدود الفاصلة: كل لوحة تنتهي مقدّمتها بخط واحد قبل القائمة */
#wm-panel-osint .wm-ux-filters, #wm-panel-rumors .wm-ux-time, #wm-panel-video #wm-video-controls,
#wm-panel-news-wrap .wm-sb-filters { border-bottom: 1px solid rgba(30,58,90,.5); }
#wm-panel-osint .wm-ux-time { padding-bottom: 4px; }
#wm-panel-osint #wm-osint-filter { border-bottom: 1px solid rgba(30,58,90,.5); }

/* قوائم البطاقات: ملاصقة للحواف كقائمة الأخبار (كانت الشائعات/المفتوحة بحشو جانبي) */
#wm-osint-list, #wm-rumors-list, #wm-video-list { padding: 0 !important; }

/* البطاقة الموحَّدة: صف (صورة + نص) ثم تذييل */
.wm-item-row { display: flex; gap: 10px; align-items: flex-start; }
.wm-item-main { flex: 1; min-width: 0; }
.wm-thumb { width: 86px; height: 48px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background: #0b1220; display: block; }
.wm-video-item .wm-item-foot { flex-wrap: wrap; }
.wm-video-item .wm-item-src-meta { display: inline-flex; align-items: center; }
.wm-yt-stat { font-size: 10px; color: #64748b; white-space: nowrap; }
.wm-video-item .wm-item-foot button { background: none; border: 0; cursor: pointer; padding: 0; font-size: 12px; }
/* لا يبقى حشو العنوان السفلي مكرَّراً حين تتبعه شرائح القنوات */
.wm-item-main .wm-yt-alts { margin: -2px 0 6px; }

/* الثيم يفرض حدّاً رمادياً ولون نص داكناً على كل input/select — النطاق #wm-sidebar يرفع الخصوصية
   فوقه (مقيس حياً 2026-09-30: color rgb(31,31,50) وborder #d4d4d8 على حقول البحث) */
#wm-sidebar .wm-ux-search, #wm-sidebar .wm-ux-sel {
  background: rgba(var(--ux),.06); border: 1px solid rgba(var(--ux),.3); border-radius: 16px;
  color: #e2e8f0; box-shadow: none;
}
#wm-sidebar .wm-ux-search { -webkit-appearance: none; appearance: none; }
#wm-sidebar .wm-ux-search:focus { border-color: rgba(var(--ux),.7); }

/* طيّ فلاتر «مرئي» الإضافية على الجوال (2026-09-30) — 3 أسطر كاملة (نوع/دولة/نوع
   فيديو/ترتيب) كانت تُبعد أول فيديو عن الشاشة الأولى، مقيس حياً بمحاكاة iPhone.
   سطح المكتب غير متأثر — الزر مخفي والفلاتر ظاهرة دائماً افتراضياً */
.wm-video-filters-toggle-btn { display: none; }
@media (max-width: 768px) {
  .wm-video-filters-toggle-btn { display: inline-flex; }
  #wm-video-filters { display: none; }
  #wm-video-filters.wm-video-filters-open { display: flex; }
}

/* رأس لوحة الدولة: أزرار الإجراءات (رابط/راقب/اسأل/قارن/PDF) تزاحم الاسم حتى
   صار عمود حرف واحد — الاسم صار صفاً كاملاً والأزرار صفاً ثانياً تحته */
#wm-loc-header { flex-wrap: wrap; gap: 6px; }
#wm-loc-title { flex: 1 1 calc(100% - 30px); order: 0; }
#wm-loc-close { order: 1; align-self: flex-start; }
#wm-loc-header > button:not(#wm-loc-close) { order: 2; }
.wm-loc-country-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* إزالة التكرار: شرائح الوقت العائمة تُخفى حين يكون الشريط الجانبي (وفيه صف الوقت نفسه) مفتوحاً على سطح المكتب */
#wm-tf-pill-wrap.wm-sb-open #wm-tf-floatpill,
#wm-tf-pill-wrap.wm-sb-open #wm-osint-tf-floatpill,
#wm-tf-pill-wrap.wm-sb-open #wm-rumors-tf-floatpill,
#wm-tf-pill-wrap.wm-sb-open #wm-video-tf-floatpill { display: none !important; }

/* ── إثراء الصفحة الرئيسية (2026-10-06) ── */
/* زلازل/حرائق تظهر تلقائياً متى كانت قيمتها > 0 حتى والبطاقة مطوية — نبض حقيقي لا رقم صفري */
.wm-hud-counts .wm-hud-extra.wm-hud-live { display: flex; }
/* زر "+" أوضح */
.wm-hud-more-btn { width: 26px; height: 26px; font-size: 16px; font-weight: 700; color: var(--wm-accent); border-color: rgba(0,212,255,0.35); background: rgba(0,212,255,0.08); }
/* 🔥 الأسخن الآن */
#wm-hot-pill { align-items: center; gap: 2px; }
#wm-hot-pill .wm-hot-label { font-size: 11px; font-weight: 700; color: #fdba74; padding: 0 6px 0 4px; white-space: nowrap; }
#wm-hot-pill .wm-hot-chip { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
#wm-hot-pill .wm-hot-chip b { font-weight: 800; }
#wm-hot-pill .wm-hot-chip.lvl-critical b { color: var(--wm-red); }
#wm-hot-pill .wm-hot-chip.lvl-high b { color: var(--wm-orange); }
#wm-hot-pill .wm-hot-chip.lvl-elevated b { color: var(--wm-yellow); }
#wm-hot-pill .wm-hot-tr-rising { color: var(--wm-red); font-style: normal; font-size: 9px; }
#wm-hot-pill .wm-hot-tr-falling { color: var(--wm-green); font-style: normal; font-size: 9px; }
@media (max-width: 768px) { #wm-hot-pill { display: none !important; } }
/* ⚡ بطاقة «الآن» أعلى قائمة الأخبار (now-card.js) */
#wm-sidebar .wm-now-card { margin: 6px 8px 4px; padding: 8px 10px; border-radius: var(--wm-radius-md, 10px); background: linear-gradient(180deg, rgba(239,68,68,0.07), rgba(6,12,20,0.6)); border: 1px solid rgba(239,68,68,0.25); flex-shrink: 0; }
.wm-now-head { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--wm-text); margin-bottom: 6px; }
.wm-now-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-red); animation: wm-legend-pulse 1.8s infinite; }
.wm-now-sub { color: var(--wm-text-dim); font-size: 10.5px; flex: 1; }
.wm-now-x { background: none; border: none; color: var(--wm-text-dim); cursor: pointer; font-size: 12px; padding: 0 2px; }
.wm-now-x:hover { color: var(--wm-text); }
.wm-now-lead { display: flex; gap: 8px; cursor: pointer; align-items: flex-start; }
.wm-now-img { width: 86px; height: 56px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background: #000; }
.wm-now-lead-body { flex: 1; min-width: 0; }
.wm-now-title { font-family: var(--wm-font-ar-hd, inherit); font-size: 14px; font-weight: 700; line-height: 1.5; color: var(--wm-text); }
.wm-now-lead:hover .wm-now-title { color: var(--wm-accent); }
.wm-now-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; font-size: 10.5px; color: var(--wm-text-dim); }
.wm-now-sev { color: var(--wm-orange); font-weight: 700; }
.wm-now-sev.hi { color: var(--wm-red); }
.wm-now-src { color: #7dd3fc; }
.wm-now-row { display: flex; align-items: center; gap: 6px; margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,0.06); cursor: pointer; font-size: 12px; color: var(--wm-text); }
.wm-now-row:hover .wm-now-row-t { color: var(--wm-accent); }
.wm-now-row-sev { flex-shrink: 0; min-width: 20px; text-align: center; font-size: 10px; font-weight: 700; border-radius: 4px; background: rgba(249,115,22,0.15); color: var(--wm-orange); }
.wm-now-row-t { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wm-now-row-c { flex-shrink: 0; font-size: 10px; color: #7dd3fc; }
/* العلم السوري الحالي بدل إيموجي الخط (flag-fix.js) — بحجم الإيموجي المجاور */
img.wm-flag-sy { display: inline-block; width: 1.25em; height: .84em; vertical-align: -0.08em; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 .5px rgba(255,255,255,.25); }
/* فاصل «الأحدث» بين قسم «الأهم الآن» والقائمة الزمنية (now-card.js) */
#wm-sidebar .wm-latest-label { flex-shrink: 0; margin: 4px 12px 2px; font-size: 11px; font-weight: 700; color: var(--wm-text-dim); display: flex; align-items: center; gap: 8px; }
#wm-sidebar .wm-latest-label::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.08); }
/* 📅 سطر المناسبة الحساسة القريبة داخل «الأهم الآن» */
.wm-now-ev { display: flex; align-items: center; gap: 5px; margin-top: 7px; padding: 5px 7px; border-radius: 6px; background: rgba(251,146,60,0.08); border-right: 2px solid #fb923c; font-size: 11.5px; color: #fdba74; cursor: pointer; }
.wm-now-ev:hover { background: rgba(251,146,60,0.14); }
.wm-now-ev-t { flex: 1; min-width: 0; color: var(--wm-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wm-now-ev-cc { font-size: 9.5px; color: #64748b; font-family: monospace; }
.wm-now-ev-more { font-size: 10px; color: #fb923c; }

/* ══ إثراء بصري (2026-10-06) ══ */
/* حلقة الأقسام حول عناقيد الأخبار: conic-gradient يُمرَّر في --ring من app.js، والقلب
   الداكن دائرة داخلية — الحافة الملوّنة القديمة تُستبدل بالحلقة. الوهج يبقى حسب الخطورة */
#wm-map .wm-cluster.wm-cluster-ring {
  border: none;
  background:
    radial-gradient(circle, rgba(10,17,30,.92) 0 calc(50% - 4px), transparent calc(50% - 3px)),
    var(--ring);
}
/* شارة القسم على بطاقة الخبر — نفس لون الحلقة */
.wm-cat-chip { display: inline-flex; align-items: center; font-size: 9.5px; font-weight: 700; line-height: 1; color: var(--cc); padding: 2px 5px; border: 1px solid var(--cc); border-radius: 6px; background: color-mix(in srgb, var(--cc) 14%, transparent); white-space: nowrap; }
/* 🗺️ الأسماء العربية على الخريطة (map-labels-ar.js) — نص بلا خلفية بظل داكن ليُقرأ فوق أي تظليل */
.wm-arl { background: none; border: none; white-space: nowrap; pointer-events: none; }
.wm-arl span { display: inline-block; transform: translate(-50%, -50%); font-family: var(--wm-font-ar-hd, var(--wm-font-ar)); direction: rtl;
  text-shadow: 0 0 3px rgba(0,0,0,.95), 0 0 8px rgba(0,0,0,.8); }
.wm-arl-country span { font-size: 13px; font-weight: 700; color: rgba(203,213,225,.62); letter-spacing: 0; }
.wm-arl-city span { font-size: 11px; font-weight: 600; color: rgba(226,232,240,.85); }
.wm-arl-city span::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: rgba(226,232,240,.8); margin-left: 4px; vertical-align: middle; }
.wm-arl-cap span { font-size: 11.5px; color: #f1f5f9; }
.wm-arl-cap span::before { width: 5px; height: 5px; background: #f8fafc; box-shadow: 0 0 0 1.5px rgba(148,163,184,.6); }
.wm-arl-sea span { font-size: 11px; font-style: italic; font-weight: 500; color: rgba(125,170,210,.55); }
/* «الأهم الآن» بصورة حقيقية: بطاقة بطل — الصورة بعرض كامل والعنوان تحتها */
.wm-now-lead.wm-now-hero { flex-direction: column; gap: 6px; }
.wm-now-lead.wm-now-hero .wm-now-img { width: 100%; height: 100px; border-radius: 8px; object-fit: cover; }
.wm-now-lead.wm-now-hero .wm-now-title { font-size: 15px; }
/* نبض «الآن» على الخريطة لا يحجب النقر على العلامات تحته إلا عند مركزه */
.wm-now-pulse { pointer-events: auto; }
/* اسم الدولة العربي تحت الاسم الإنجليزي المطبوع في بلاطة Esri لا فوقه (كانا يتداخلان: مصر/EGYPT) */
.wm-arl-country span { transform: translate(-50%, 9px); }
/* 📡 المصادر المفتوحة: شريط ملخّص أعلى القائمة + شارة «+N قناة» للمنشور المدموج */
#wm-sidebar .wm-osint-summary { flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 6px 8px 2px; padding: 6px 9px; border-radius: 8px; background: rgba(249,115,22,0.07); border: 1px solid rgba(249,115,22,0.22); font-size: 11px; color: var(--wm-text-dim); }
#wm-sidebar .wm-osint-summary b { color: #fdba74; font-weight: 700; }
.wm-osint-sum-top { display: inline-flex; flex-wrap: wrap; gap: 4px 8px; }
.wm-osint-sum-c { white-space: nowrap; color: var(--wm-text); }
.wm-osint-also { font-size: 10px; font-weight: 700; color: #fdba74; background: rgba(249,115,22,0.12); padding: 0 6px; border-radius: 8px; white-space: nowrap; }

/* ── بطاقة تحويم الدولة على الخريطة (map-country-hover.js) ── */
.wm-ch-pop {
  position: fixed;
  z-index: 2000;
  min-width: 150px;
  max-width: 230px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(8,14,24,0.95);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 8px 20px rgba(0,0,0,.45);
  font-size: 11.5px;
  color: var(--wm-text-dim);
  pointer-events: none;
  backdrop-filter: blur(6px);
}
.wm-ch-title { font-size: 13px; font-weight: 700; color: var(--wm-text); margin-bottom: 4px; }
.wm-ch-row { display: flex; justify-content: space-between; gap: 10px; margin-top: 2px; }
.wm-ch-row b { color: var(--wm-text); font-weight: 700; }
.wm-ch-row b.lvl-critical { color: var(--wm-red); }
.wm-ch-row b.lvl-high { color: var(--wm-orange); }
.wm-ch-row b.lvl-elevated { color: var(--wm-yellow); }
.wm-ch-row b.lvl-normal { color: #3b82f6; }
.wm-ch-row b.lvl-low { color: var(--wm-green); }
.wm-ch-worst { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(255,255,255,0.08); line-height: 1.4; color: var(--wm-text); }
.wm-ch-hint { margin-top: 5px; font-size: 9.5px; color: #475569; }
@media (max-width: 768px) { .wm-ch-pop { display: none !important; } }

/* 📋 شارة البريف اليومي أعلى «الأهم الآن» (now-card.js _briefPill) */
#wm-sidebar .wm-brief-pill { flex-shrink: 0; display: flex; align-items: center; gap: 8px; margin: 6px 8px 0; padding: 7px 10px; border-radius: 8px; background: rgba(59,130,246,0.08); border: 1px solid rgba(59,130,246,0.22); cursor: pointer; }
#wm-sidebar .wm-brief-pill:hover { background: rgba(59,130,246,0.14); }
.wm-brief-pill-icon { flex-shrink: 0; }
.wm-brief-pill-text { flex: 1; min-width: 0; font-size: 11.5px; color: var(--wm-text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-brief-pill-link { flex-shrink: 0; font-size: 10.5px; color: #7dd3fc; white-space: nowrap; }

/* هدوء الألوان: حدود محايدة للأدوات، والسماوي للاختيار والتركيز.
   ألوان الخطورة وبيانات الخريطة تبقى دلالية ولا تُستبدل بألوان التصنيفات. */
:root {
  --wm-border: #293440;
  --wm-text: #d5dce5;
  --wm-text-dim: #94a3b8;
  --wm-neutral-surface: rgba(148,163,184,.06);
}
.wm-cat-chip {
  color: var(--wm-text-dim);
  border-color: var(--wm-border);
  background: var(--wm-neutral-surface);
}
.wm-item-src { color: var(--wm-text-dim); }
.wm-ld-badge, .wm-sbt-badge {
  background: #344152;
  color: var(--wm-text);
}
#wm-sidebar .wm-brief-pill,
#wm-sidebar .wm-osint-summary {
  background: var(--wm-neutral-surface);
  border-color: var(--wm-border);
}
#wm-sidebar .wm-brief-pill:hover { background: rgba(148,163,184,.12); }
.wm-brief-pill-link,
#wm-sidebar .wm-osint-summary b,
.wm-osint-also,
#wm-hot-pill .wm-hot-label { color: var(--wm-text); }
.wm-osint-also { background: var(--wm-neutral-surface); }
.wm-ux-search, .wm-ux-sel {
  background: var(--wm-neutral-surface);
  border-color: var(--wm-border);
}
.wm-ux-search:focus, .wm-ux-sel:focus { border-color: var(--wm-accent); }
.wm-ux-chip:hover { border-color: #526173; color: var(--wm-text); }
.wm-ux-chip.active,
.wm-ux-time .wm-tf-btn.active {
  background: rgba(0,212,255,.12);
  border-color: var(--wm-accent);
  color: var(--wm-accent);
}
.wm-global-badge.lvl-normal,
.wm-global-badge.lvl-low { color: var(--wm-text-dim); }
.wm-global-badge.lvl-normal .wm-gb-dot,
.wm-global-badge.lvl-low .wm-gb-dot { background: var(--wm-text-dim); }
.wm-sb-last-update { font-size: 9.5px; color: #475569; margin-right: auto; white-space: nowrap; }

/* عناقيد الأخبار: الرقم هو عدد الأحداث، والحلقة تمثل أعلى خطورة فقط. */
#wm-map .wm-cluster.wm-cluster-ring {
  background: radial-gradient(circle, rgba(8,15,26,.96) 0 58%, transparent 60%), var(--cluster-severity, #3b82f6);
  border: 0;
  box-shadow: 0 0 0 2px rgba(8,15,26,.9), 0 0 12px color-mix(in srgb, var(--cluster-severity, #3b82f6) 48%, transparent);
  color: #f8fafc;
  text-shadow: 0 1px 2px #000;
}
#wm-map .wm-cluster.wm-cluster-ring::before {
  inset: -5px;
  border: 2px solid var(--cluster-severity, #3b82f6);
  animation: none;
  opacity: .9;
}
#wm-map .wm-cluster.wm-cluster-ring:hover { box-shadow: 0 0 0 2px rgba(8,15,26,.9), 0 0 18px var(--cluster-severity, #3b82f6); }

/* أيقونات الأدوات موحّدة؛ اللون يُورَث من الزر وحالة اختياره. */
svg.wm-ld-ico { width: 18px; height: 18px; stroke-width: 1.8; flex-shrink: 0; pointer-events: none; }
.wm-tb-btn svg.wm-ld-ico,
.wm-tool-btn svg.wm-ld-ico,
.wm-sb-close-btn svg.wm-ld-ico,
.wm-mn-icon svg.wm-ld-ico { width: 18px; height: 18px; }
.wm-ui-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; line-height: 1; flex-shrink: 0; }
.wm-ui-icon svg.wm-ld-ico { display: block; width: 18px; height: 18px; margin: 0; }

/* ضبط القراءة والمساحة: خبر بارز مدمج، وبطاقات متوازنة، وفلاتر أقصر. */
#wm-sidebar .wm-now-lead.wm-now-hero .wm-now-img { height: 82px; }
#wm-sidebar .wm-now-lead.wm-now-hero .wm-now-title { font-size: 14px; line-height: 1.45; }
#wm-sidebar .wm-now-card { padding: 7px 9px; }
#wm-sidebar .wm-item { padding-top: 8px; padding-bottom: 8px; }
#wm-sidebar .wm-item-title { line-height: 1.5; }
#wm-sidebar .wm-item-top { margin-bottom: 3px; }
#wm-sidebar .wm-item-meta { margin-top: 4px; line-height: 1.35; }
#wm-sidebar .wm-item-src { color: #9fc3d8; }
#wm-sidebar .wm-filter-row { padding: 5px 8px; gap: 5px; }
#wm-sidebar .wm-filter-row select { padding: 3px 7px; font-size: 11px; }
#wm-sidebar .wm-tf-pill { gap: 4px; padding: 4px 6px; }
#wm-sidebar .wm-tf-btn { padding: 3px 8px; font-size: 11px; }
/* المرحلة الأولى: وضع التركيز والخبرة المتجاوبة */
body.wm-focus-mode #wm-sidebar { transform: translateX(-100%); pointer-events: none; }
body.wm-focus-mode #wm-topbar { left: 0; }
body.wm-focus-mode #wm-breaking-bar { left: 0; }
body.wm-focus-mode #wm-focus-btn { background: rgba(0,212,255,.16); box-shadow: 0 0 0 1px var(--wm-accent); }
.wm-tb-btn:focus-visible, .wm-ld-btn:focus-visible, .wm-sbt:focus-visible,
.wm-tf-btn:focus-visible, .wm-item:focus-visible { outline: 2px solid var(--wm-accent); outline-offset: 2px; }
@media (max-width: 768px) {
  #wm-sidebar { max-height: min(72vh, 620px); }
  #wm-sidebar .wm-sb-content { min-height: 0; }
  #wm-sidebar .wm-sb-list { overscroll-behavior: contain; }
  body.wm-focus-mode #wm-sidebar { transform: translateY(110%); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* إذاعات الأخبار — WM_RadioPlayer */
.wm-radio-item.wm-radio-playing { border-color: var(--wm-accent); background: rgba(0,212,255,.08); }
.wm-radio-cat { font-size: 11px; color: #94a3b8; font-weight: 400; }
.wm-radio-btn { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #e2e8f0; border-radius: 50%; width: 34px; height: 34px; flex: 0 0 auto; cursor: pointer; font-size: 14px; }
.wm-radio-playing .wm-radio-btn { background: var(--wm-accent); color: #0b1220; border-color: var(--wm-accent); }
.wm-radio-disclaimer { padding: 10px 14px; font-size: 11px; color: #64748b; text-align: center; }