/* ============================================================
   style.css — עיצוב "חדר מצב עיתונאי"
   כל הצבעים מוגדרים כמשתנים למעלה. רוצה לשנות צבע? שנה שם.
   ============================================================ */

:root {
  --bg:          #0e1116;
  --bg-2:        #161b22;
  --bg-3:        #1c2230;
  --line:        #2a3140;
  --text:        #e6edf3;
  --text-dim:    #93a1b3;
  --text-faint:  #6b7a8d;

  --accent:      #4d9fff;
  --ok:          #3fb950;
  --warn:        #d29922;
  --bad:         #f85149;
  --muted:       #8b949e;
  --purple:      #a371f7;

  --radius: 10px;
  --gap: 16px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  direction: rtl;
  background: var(--bg);
  color: var(--text);
  font-family: "Segoe UI", "Arial Hebrew", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px 80px; }
main.wrap { padding-bottom: 340px; }   /* שהתוכן האחרון לא יוסתר מאחורי נגן המוזיקה */
/* ---------- כותרת עליונה ---------- */
.topbar {
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
  padding: 14px 0;
  position: sticky; top: 0; z-index: 50;
}
.topbar .wrap { display: flex; align-items: center; gap: 14px; padding-bottom: 0; flex-wrap: wrap; }
.logo { font-size: 20px; font-weight: 800; letter-spacing: -0.3px; }
.logo span { color: var(--accent); }
.tagline { color: var(--text-faint); font-size: 13px; }
.topbar nav { margin-inline-start: auto; display: flex; gap: 12px; font-size: 13.5px; }
.clock { color: var(--text-dim); font-size: 13px; font-variant-numeric: tabular-nums; }

/* ---------- רשת הפינות ---------- */
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); margin-top: var(--gap); }
.corner.wide { grid-column: 1 / -1; }

.corner {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.corner > header {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--bg-3);
  border-bottom: 1px solid var(--line);
}
.corner > header h2 { margin: 0; font-size: 16px; }
.corner .num {
  width: 22px; height: 22px; border-radius: 6px;
  background: var(--line); color: var(--text-dim);
  display: grid; place-items: center; font-size: 12px; font-weight: 700;
}
.corner .body { padding: 14px 16px; }

/* ---------- תג טריות ---------- */
.fresh-tag {
  margin-inline-start: auto;
  font-size: 11.5px; font-variant-numeric: tabular-nums;
  padding: 3px 9px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--bg);
  color: var(--text-dim); white-space: nowrap;
}
.fresh-tag.fresh   { color: var(--ok);   border-color: #1c4a26; }
.fresh-tag.delayed { color: var(--warn); border-color: #4a3a0e; }
.fresh-tag.stale   { color: var(--bad);  border-color: #4a1d1d; }
.fresh-tag.down    { color: var(--muted); border-color: var(--line); text-decoration: line-through; }

/* ---------- תגי סטטוס אימות ---------- */
.badge {
  display: inline-block; font-size: 11.5px; font-weight: 700;
  padding: 2px 9px; border-radius: 999px; border: 1px solid;
  white-space: nowrap;
}
.badge.verified    { color: var(--ok);     border-color: #1c4a26; background: #0d2313; }
.badge.initial     { color: var(--warn);   border-color: #4a3a0e; background: #241d05; }
.badge.shared_root { color: var(--bad);    border-color: #4a1d1d; background: #2a1112; }
.badge.disputed    { color: var(--purple); border-color: #3d2a5c; background: #1d1430; }
.badge.retracted   { color: var(--muted);  border-color: var(--line); background: var(--bg); text-decoration: line-through; }
.badge.assessment  { color: var(--accent); border-color: #1d3b5c; background: #0d1c2e; }
.badge.unverified  { color: var(--muted);  border-color: var(--line); background: var(--bg); }

.badge.lic { font-weight: 500; font-size: 10.5px; color: var(--text-faint); border-color: var(--line); background: transparent; }
.badge.late { color: var(--purple); border-color: #3d2a5c; background: #1d1430; font-weight: 500; }
.badge.ongoing { color: var(--accent); border-color: #1d3b5c; background: #0d1c2e; font-weight: 500; }

/* האימות בוטל בדיעבד — בכוונה הבולט ביותר בעמוד */
.badge.downgraded {
  color: #fff; background: var(--bad); border-color: var(--bad);
  animation: pulse-dg 2.4s ease-in-out infinite;
}
@keyframes pulse-dg { 0%,100% { opacity: 1; } 50% { opacity: .62; } }
@media (prefers-reduced-motion: reduce) { .badge.downgraded { animation: none; } }

.downgrade-note {
  margin: 12px 0; padding: 11px 13px; border-radius: 7px;
  background: #2a1112; border: 1px solid var(--bad); color: #ffd2cf; font-size: 13.5px;
}
.downgrade-note b { color: #ff9c94; }

/* ---------- זירת מלחמה ---------- */
.arena-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.arena-tabs button {
  background: var(--bg-3); color: var(--text-dim);
  border: 1px solid var(--line); border-radius: 999px;
  padding: 5px 13px; font-size: 13px; cursor: pointer; font-family: inherit;
}
.arena-tabs button.active { background: var(--accent); color: #06121f; border-color: var(--accent); font-weight: 700; }
.arena-tabs button:disabled { opacity: .45; cursor: not-allowed; }

.window-note {
  font-size: 13px; color: var(--text-dim);
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 8px; padding: 9px 12px; margin-bottom: 14px;
}

/* מפה */
.map-box { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin-bottom: 16px; }
.map-box .map-head {
  padding: 9px 12px; background: var(--bg-3); border-bottom: 1px solid var(--line);
  font-size: 12.5px; color: var(--text-dim); display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
}
.map-canvas {
  height: 190px; display: grid; place-items: center;
  background:
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(255,255,255,.03) 28px 29px),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(255,255,255,.03) 28px 29px),
    var(--bg);
  color: var(--text-faint); font-size: 13px; text-align: center;
}
.map-canvas.live { display: block; height: 320px; background: var(--bg); }
.map-legend { padding: 7px 12px; font-size: 12px; color: var(--text-dim); border-top: 1px solid var(--line); }
.map-legend .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 0 8px 0 3px; vertical-align: middle; }
.dot.verified, .war-pt.verified       { background: var(--ok);   stroke: var(--ok);   fill: var(--ok); }
.dot.initial, .war-pt.initial         { background: var(--warn); stroke: var(--warn); fill: var(--warn); }
.dot.shared_root, .war-pt.shared_root { background: var(--bad);  stroke: var(--bad);  fill: var(--bad); }
.dot.other, .war-pt.other             { background: #8b949e;     stroke: #8b949e;     fill: #8b949e; }
.war-pt { fill-opacity: .55; }
.osm-dark { filter: invert(1) hue-rotate(180deg) brightness(.85) contrast(.9); }   /* מפה בהירה → כהה, כמו האתר */
.leaflet-popup-content { font-family: inherit; font-size: 13px; }
.conf { font-weight: 700; }
.conf.high   { color: var(--ok); }
.conf.medium { color: var(--warn); }
.conf.low    { color: var(--bad); }

/* מסננים */
.filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; align-items: center; }
.filters button {
  background: transparent; color: var(--text-dim);
  border: 1px solid var(--line); border-radius: 6px;
  padding: 4px 11px; font-size: 12.5px; cursor: pointer; font-family: inherit;
}
.filters button.active { background: var(--bg-3); color: var(--text); border-color: var(--text-faint); }
.filters .lbl { font-size: 12.5px; color: var(--text-faint); }

/* כרטיס אירוע */
.event {
  border: 1px solid var(--line); border-radius: 8px;
  background: var(--bg); margin-bottom: 10px; overflow: hidden;
}
.event.is-retracted { opacity: .62; }
.event > summary {
  list-style: none; cursor: pointer; padding: 12px 14px;
  display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap;
}
.event > summary::-webkit-details-marker { display: none; }
.event > summary:hover { background: var(--bg-3); }
.event .ttl { flex: 1 1 320px; font-weight: 600; min-width: 200px; }
.event .meta { width: 100%; font-size: 12px; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.event .detail { padding: 0 14px 14px; border-top: 1px solid var(--line); }
.event .detail h4 { margin: 14px 0 6px; font-size: 13px; color: var(--text-dim); text-transform: none; }
.event .detail p { margin: 0 0 8px; }

.reason {
  font-size: 13px; padding: 9px 12px; border-radius: 6px;
  background: var(--bg-3); border-inline-start: 3px solid var(--accent);
  margin: 12px 0;
}
.reason.bad { border-inline-start-color: var(--bad); }
.reason.ok  { border-inline-start-color: var(--ok); }

.not-verified {
  font-size: 13.5px; padding: 9px 12px; border-radius: 6px;
  background: #2a1112; border: 1px solid #4a1d1d; color: #ffb3ae; margin: 10px 0;
}

/* טבלת מקורות */
table.src { width: 100%; border-collapse: collapse; font-size: 12.5px; margin-top: 6px; }
table.src th, table.src td { text-align: start; padding: 6px 8px; border-bottom: 1px solid var(--line); }
table.src th { color: var(--text-faint); font-weight: 600; }
table.src td.root { font-family: Consolas, monospace; font-size: 11.5px; color: var(--text-dim); }
table.src tr.same-root td.root { color: var(--bad); font-weight: 700; }
table.src tr.blocked { opacity: .5; }

/* ציר היסטוריה */
.timeline { list-style: none; margin: 6px 0 0; padding: 0; border-inline-start: 2px solid var(--line); }
.timeline li { padding: 0 14px 12px; position: relative; font-size: 13px; }
.timeline li::before {
  content: ''; position: absolute; inset-inline-start: -6px; top: 7px;
  width: 10px; height: 10px; border-radius: 50%; background: var(--line);
}
.timeline li.correction::before   { background: var(--warn); }
.timeline li.status_change::before{ background: var(--ok); }
.timeline li.retraction::before   { background: var(--bad); }
.timeline li.downgrade::before    { background: var(--bad); box-shadow: 0 0 0 3px rgba(248,81,73,.22); }
.timeline li.downgrade            { color: #ffd2cf; }
.timeline .t { color: var(--text-faint); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.timeline .move {
  font-size: 11.5px; padding: 1px 7px; border-radius: 999px;
  border: 1px solid var(--line); color: var(--text-dim); margin-inline-start: 6px;
}
.timeline li.downgrade .move { border-color: var(--bad); color: #ff9c94; }

/* ---------- רכיבים כלליים ---------- */
.rows { margin: 0; padding: 0; list-style: none; }
.rows li { padding: 7px 0; border-bottom: 1px dashed var(--line); }
.rows li:last-child { border-bottom: 0; }

h3.sub { font-size: 13px; color: var(--text-faint); margin: 16px 0 6px; font-weight: 700; }
h3.sub:first-child { margin-top: 0; }

.quotes { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 7px; }
.quote {
  border: 1px solid var(--line); border-radius: 7px; padding: 7px 9px; background: var(--bg);
  font-variant-numeric: tabular-nums;
}
.quote b { display: block; font-size: 12.5px; }
.quote .p { font-size: 13px; }
.up { color: var(--ok); } .down { color: var(--bad); }

/* ---------- נתון חי מול נתון דמה ---------- */
.tag-live, .tag-demo {
  display: inline-block; font-size: 9.5px; font-weight: 700; line-height: 1.4;
  padding: 0 6px; border-radius: 999px; vertical-align: 1px; border: 1px solid;
}
.tag-live      { color: var(--ok);  border-color: #1c4a26; background: #0d2313; }
.tag-live::before { content: '●'; margin-inline-end: 3px; font-size: 8px; }
.tag-live.off  { color: var(--bad); border-color: #4a1d1d; background: #2a1112; }
.tag-live.closed { color: var(--text-dim); border-color: var(--line); background: var(--bg-3); }
.tag-live.closed::before { content: '◐'; }
.tag-demo      { color: var(--text-faint); border-color: var(--line); background: transparent; font-weight: 500; }

.quote.demo    { opacity: .55; border-style: dashed; }
.quote.live    { border-color: #1f3a28; }
.quote.is-down { border-color: #4a1d1d; }
.quote.is-down .p { color: var(--text-dim); }

.src-status { margin-top: 10px; font-size: 12.5px; }
.src-status .fresh-tag { margin: 0; }
.src-status .locked { font-size: 11.5px; margin-top: 2px; }

.fresh-tag.loading { color: var(--text-dim); border-style: dashed; }

.mover { border: 1px solid var(--line); border-radius: 7px; padding: 8px 10px; background: var(--bg); margin-bottom: 7px; }
.mover .why { font-size: 12.5px; color: var(--text-dim); margin-top: 3px; }
.mover.none { color: var(--text-dim); font-size: 13px; border-style: dashed; }
.mv-h { margin: 12px 0 6px; font-size: 13px; }
.mv-h.down { color: var(--bad); } .mv-h.up { color: var(--ok); }
.ratio-badge {
  display: inline-block; font-size: 11px; font-weight: 700; padding: 0 7px;
  border-radius: 999px; border: 1px solid; vertical-align: 1px;
}
.ratio-badge.down { color: var(--bad); border-color: #4a1d1d; background: #2a1112; }
.ratio-badge.up   { color: var(--ok);  border-color: #1c4a26; background: #0d2313; }

.rows.news a { color: var(--text); }
.rows.news a:hover { color: var(--accent); }
.filter-note { font-size: 11.5px; margin: 4px 0 0; }
.mk-tags { font-size: 11px; color: var(--text-faint); margin-top: 2px; }
.rows.sport li { line-height: 1.5; }
.badge.lic.ai-launch { color: var(--ok); border-color: #1c4a26; }
.sp-player { font-size: 12.5px; color: var(--text-dim); padding-inline-start: 10px; border-inline-start: 2px solid var(--line); margin-top: 3px; }
.mk-tags .tag-demo { color: var(--accent); border-color: #1d3b5c; }
.badge.lic.med-approved { color: var(--ok); border-color: #1c4a26; }
.badge.lic.med-research { color: var(--accent); border-color: #1d3b5c; }

.sponsored-box { border: 1px dashed var(--warn); border-radius: 8px; padding: 10px 12px; background: #241d05; }
.sponsored-box .hdr { font-size: 12px; color: var(--warn); font-weight: 700; margin-bottom: 6px; }

/* ---------- נגן מוזיקה ---------- */
.player {
  position: fixed; inset-inline-end: 16px; inset-block-end: 16px; z-index: 60;
  width: 260px; background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: 0 8px 28px rgba(0,0,0,.5);
}
.player header {
  padding: 8px 12px; border-bottom: 1px solid var(--line);
  font-size: 13px; display: flex; align-items: center; gap: 8px;
}
/* כללי YouTube: הנגן חייב להיות גלוי, לפחות 200×200 — לכן רוחב 280 וגובה 200 */
.player { width: 280px; }
.player .stage { height: 200px; background: #000; }
.player .stage iframe { display: block; width: 100%; height: 200px; border: 0; }
.player .now {
  padding: 6px 12px 0; font-size: 12px; color: var(--text-dim);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.player .now.hint { color: var(--warn); white-space: normal; }
.player .now.err  { color: var(--bad);  white-space: normal; }
.player select { width: 100%; background: var(--bg); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 5px; font-family: inherit; font-size: 12.5px; }
.player .foot { padding: 8px 12px; display: flex; gap: 8px; align-items: center; }
.player .pl-controls { display: flex; gap: 4px; flex-shrink: 0; }
.player .pl-controls button, .player .pl-fab {
  background: var(--bg-3); color: var(--text); border: 1px solid var(--line);
  border-radius: 6px; cursor: pointer; font-family: inherit; font-size: 13px; padding: 3px 8px;
}
.player .pl-controls button:hover { border-color: var(--accent); }
.player .toggle { background: none; border: 0; color: var(--text-dim); cursor: pointer; font-size: 16px; margin-inline-start: auto; font-family: inherit; }

/* מצב רדיו: אין וידאו — רק לוח קטן עם שם התחנה */
.player .radio-face {
  height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; background: linear-gradient(160deg, #10161d, #0b0f14); color: var(--text);
}
.player .radio-ico { font-size: 34px; }
.player .radio-name { font-size: 13px; color: var(--text-dim); text-align: center; padding: 0 10px; }
.player.small .radio-face { height: 120px; }

/* קטן = רק ריבוע הנגן 200x200 (המינימום ש-YouTube מחייב) — המוזיקה ממשיכה */
.player.small { width: 200px; }
.player.small header, .player.small .now, .player.small .foot { display: none; }
.player .pl-smallbar { display: none; }
.player.small .pl-smallbar {
  display: flex; gap: 4px; position: absolute; inset-block-start: 4px; inset-inline-start: 4px;
}
.player.small .pl-smallbar button {
  background: rgba(0,0,0,.65); color: #fff; border: 1px solid var(--line); border-radius: 6px;
  cursor: pointer; font-size: 13px; line-height: 1; padding: 4px 7px; font-family: inherit;
}
.player.small .pl-smallbar button:hover { border-color: var(--accent); }
.player.minimized .pl-smallbar { display: none; }

/* סגור = כפתור עגול בפינה בלבד (המוזיקה מושהית, לפי כללי YouTube) */
.player.minimized {
  width: auto; background: none; border: 0; box-shadow: none;
}
.player.minimized header, .player.minimized .stage,
.player.minimized .now, .player.minimized .foot { display: none; }
.player .pl-fab { display: none; }
.player.minimized .pl-fab {
  display: flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--bg-2); color: var(--text); border: 1px solid var(--line);
  box-shadow: 0 8px 28px rgba(0,0,0,.5); cursor: pointer; font-size: 20px; padding: 0;
}
.player.minimized .pl-fab:hover { border-color: var(--accent); }
.player header .toggle { font-size: 14px; }

/* ---------- פוטר ---------- */
footer.site { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--text-faint); font-size: 12.5px; }
footer.site a { margin-inline-end: 12px; }

/* ---------- דף הגדרות ---------- */
.set-block { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; margin-top: var(--gap); }
.set-block h2 { margin: 0 0 4px; font-size: 16px; }
.set-block .hint { color: var(--text-faint); font-size: 12.5px; margin: 0 0 12px; }
.set-block input[type=text], .set-block select {
  background: var(--bg); color: var(--text); border: 1px solid var(--line);
  border-radius: 6px; padding: 6px 9px; font-family: inherit; font-size: 13.5px; min-width: 220px;
}
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { border: 1px solid var(--line); border-radius: 999px; padding: 3px 11px; font-size: 12.5px; background: var(--bg); }
.locked { color: var(--text-faint); font-size: 12.5px; font-style: italic; }

/* ---------- מובייל ---------- */
@media (max-width: 860px) {
  .grid { grid-template-columns: 1fr; }
  .player { width: min(280px, calc(100vw - 20px)); inset-inline-end: 10px; inset-block-end: 10px; }
  .player.minimized { width: auto; }
  .player.small { width: 200px; }
}

/* ---------- פינת המלחמות — ניתוח מאושר ---------- */
.war-summary { margin: 0 0 12px; line-height: 1.7; }
.map-note { padding: 8px 12px; font-size: 13px; color: var(--text-dim); border-bottom: 1px solid var(--line); }
.map-layers { padding: 6px 12px; font-size: 12.5px; }
.goal-actor { margin-bottom: 12px; }
.goal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 6px; }
.goal-col { border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--bg); font-size: 13px; }
.goal-col ul { margin: 0; padding-inline-start: 18px; }
.goal-h { font-size: 11.5px; font-weight: 700; margin-bottom: 4px; }
.goal-col.declared .goal-h { color: var(--ok); }
.goal-col.inferred .goal-h { color: var(--warn); }
.goal-col.forecast .goal-h { color: var(--purple); }
.arena-tabs button { cursor: pointer; }
@media (max-width: 700px) { .goal-grid { grid-template-columns: 1fr; } }

/* TradingView — גרסה ציבורית */
.tv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; margin-bottom: 8px; }
.tv-box { min-height: 420px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.tradingview-widget-copyright { font-size: 13px; padding: 4px 8px; }
.tradingview-widget-copyright a { color: var(--text-dim); }

/* ישראלים בחו"ל — גרסה ציבורית */
.abroad-list summary { cursor: pointer; color: var(--text-dim); font-size: 13px; margin: 6px 0; }
.chips { margin: 6px 0; line-height: 2; }
.chip { display: inline-block; border: 1px solid var(--line); border-radius: 12px; padding: 0 8px; margin: 0 0 4px 4px; font-size: 12.5px; }

/* דף ההגדרות — כפתורי עריכה */
.edit-link { font-size: 12.5px; font-weight: 400; border: 1px solid var(--line); border-radius: 12px; padding: 1px 9px; margin-inline-start: 8px; text-decoration: none; white-space: nowrap; }

/* טלפון: טבלאות המקורות גוללות לרוחב בתוך הכרטיס, במקום לחרוג מהמסך */
@media (max-width: 700px) {
  table.src { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .arena-tabs { flex-wrap: wrap; }
}

/* מה השתנה מהניתוח הקודם */
.badge.change-new  { color: var(--accent); border-color: #1d3b5c; background: #0d1c2e; }
.badge.change-possible { color: var(--text-dim); border-color: var(--line); border-style: dashed; }
.badge.change-up   { color: var(--ok);   border-color: #1c4a26; background: #0d2313; }
.badge.change-down { color: #ff9c94;     border-color: var(--bad); background: #2a1112; font-weight: 700; }

.file-note { background: var(--bg-3); color: var(--text-dim); font-size: 13px; text-align: center; padding: 6px 12px; border-bottom: 1px solid var(--line); }


/* עמוד תנאי שימוש */
.legal { max-width: 860px; padding-bottom: 40px; }
.legal .set-block p, .legal .set-block li { font-size: 14.5px; line-height: 1.8; }
.legal .set-block ul { padding-inline-start: 20px; margin: 6px 0; }
.legal-updated { color: var(--text-faint); font-size: 13px; margin-top: 18px; }
.legal-note { margin-top: 18px; font-size: 13px; }
footer.site a { color: var(--accent); }

/* רשימת המקורות של הניתוח — מקופלת, כדי שלא תעמיס על הדף */
.cited-box { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 8px; }
.cited-box > summary { cursor: pointer; color: var(--text-dim); font-size: 13.5px; }
.cited-box[open] > summary { margin-bottom: 6px; }

/* שכבת ההערכה במפה — מקווקו ודהוי, כדי שלא תיראה כמו עובדה מאומתת */
.assess-area { fill: #8b949e; }
.map-legend .dash {
  display: inline-block; width: 18px; height: 0; vertical-align: middle;
  border-top: 2px dashed #8b949e; margin-inline-end: 4px;
}
.leaflet-control-layers { background: var(--bg-2); color: var(--text); border: 1px solid var(--line); font-size: 12px; }
.leaflet-control-layers label { display: flex; align-items: center; gap: 5px; }

/* Watchlist — ריבוע של TradingView באותה רשת כמו הריבועים שלנו */
.quote.tv-tile { padding: 0; height: 88px; overflow: hidden; }
.quote.tv-tile .tradingview-widget-container, .quote.tv-tile iframe { width: 100% !important; height: 100% !important; }
.quotes { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.quotes .quote { min-height: 88px; box-sizing: border-box; }
/* בנייד: כל הסימולים גלויים בשתי עמודות (19/09/2026: בשורה שגוללים הצידה לא היה ברור שיש עוד מניות).
   כדי שמחיר של 5 ספרות לא ייחתך בריבוע של TradingView — שוליים צרים סביב הרשימה, והריבוע רחב ככל האפשר. */
@media (max-width: 700px) {
  .wrap { padding-inline: 10px; }
  #markets-slot .corner .body { padding-inline: 8px; }
  .quotes { grid-template-columns: 1fr 1fr; gap: 6px; grid-auto-flow: dense; }
  .quote.tv-tile[data-sym="TA 125"] { grid-column: span 2; }   /* 4,164.350 — הארוך ביותר, נחתך בחצי רוחב */
  .quote.tv-tile, .quotes .quote { height: 80px; min-height: 80px; }
  .grid > *, .corner, .corner .body, #mk-rest { min-width: 0; }
}

/* עדכון ביניים — מעל הניתוח היומי */
.brief-box { border: 1px solid #3a3413; background: #1a1706; border-radius: 8px; padding: 8px 12px; margin: 0 0 12px; }
.brief-h { font-weight: 700; color: var(--warn); font-size: 13.5px; margin-bottom: 4px; }
.brief-box .rows li { padding: 5px 0; }
.brief-sum { color: var(--text-dim); font-size: 13px; margin-top: 2px; }

/* ============================================================
   נייד — קריאוּת (בקשה מקורא, 18/09/2026: "קשה לקרוא בגלל גודל הפונטים")
   במחשב לא משתנה כלום. כאן: טקסט בסיס 18px, רצפה של 15px לטקסט המשני (הוגדל שוב לבקשת בעל האתר),
   בלי אותיות נטויות (עברית נטויה קשה לקריאה), וצבע משני בהיר יותר (ניגודיות).
   ============================================================ */
@media (max-width: 700px) {
  :root { --text-faint: #8795a8; --text-dim: #a4b1c2; }
  body { font-size: 18px; line-height: 1.7; }
  .locked { font-style: normal; font-size: 15px; }
  .daily li, .daily-sum, .brief-sum, .ev .s { font-size: 17px; }
  h3.sub { font-size: 16px; }
  .event .meta, .map-legend, .map-layers, .map-note, .filter-note, .src-status, .src-status .locked,
  .timeline li, .timeline .t, .sp-player, .mk-tags, .goal-col, .goal-h, table.src, table.src td.root,
  footer.site, .clock, .tagline, .cited-box > summary, .abroad-list summary, .chip, .arena-chip,
  .quote b, .quote .p, .mover .why, .set-block .hint, .legal-note { font-size: 15px; }
  .badge, .badge.lic, .fresh-tag, .tag-demo, .tag-live { font-size: 14px; }
  .corner > header h2 { font-size: 21px; }
  .event .ttl { font-size: 17px; min-width: 0; }
  .player select { font-size: 16px; }
  .event .detail h4, .window-note, .arena-tabs button, .filters button, .filters .lbl { font-size: 15px; }
  .reason, .not-verified, .downgrade-note, .event .detail p { font-size: 16px; }
  /* טבלת המקורות (5 עמודות) רחבה מהמסך בגופן הגדול — גלילה פנימית הצידה, בלי למתוח את הדף */
  table.src { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ============================================================
   פינת המלחמות בסגנון ערוץ טלגרם (21/09/2026)
   כל אירוע = הודעה. סגורה: תג + כותרת + שעה. לחיצה פותחת פירוט.
   ============================================================ */
.arena-tabs button.empty { opacity: .55; }
.feed { display: flex; flex-direction: column; gap: 8px; }
.feed-day {
  align-self: center; margin: 6px 0 2px;
  font-size: 12px; color: var(--text-dim); font-variant-numeric: tabular-nums;
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 999px; padding: 2px 12px;
}
.feed-day.brief { color: var(--warn); border-color: #4a3a0e; }
.msg {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 14px 14px 14px 4px;           /* "זנב" בפינה כמו בועת הודעה */
  max-width: 760px; overflow: hidden;
}
.msg.is-retracted { opacity: .62; }
a.msg-link { display: block; padding: 9px 13px 7px; color: var(--text); text-decoration: none; }
a.msg-link:hover { background: #222a3a; text-decoration: none; }
.msg > summary { list-style: none; cursor: pointer; padding: 9px 13px 7px; }
.msg > summary::-webkit-details-marker { display: none; }
.msg > summary:hover { background: #222a3a; }
.msg-ttl { font-weight: 600; margin-inline-start: 6px; }
.msg-arena { font-size: 11.5px; color: var(--accent); border: 1px solid #1d3b5c; border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
.msg-time { display: block; text-align: left; font-size: 11.5px; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.msg[open] > summary { border-bottom: 1px solid var(--line); }
.msg-body { padding: 8px 13px 11px; }
.msg-body p { margin: 0 0 8px; }
.msg-why { font-size: 13px; color: var(--text-dim); margin-bottom: 4px; }
.msg-src { font-size: 13px; margin-top: 6px; }

.deep-box { margin-top: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); }
.deep-box > summary { cursor: pointer; padding: 10px 14px; font-weight: 700; color: var(--accent); }
.deep-box[open] > summary { border-bottom: 1px solid var(--line); }
.deep-body { padding: 12px 14px; }
.deep-body .map-box { margin-bottom: 8px; }

@media (max-width: 700px) {
  /* לשוניות הזירות — שורה אחת שגוללים הצידה, כמו רשימת ערוצים */
  .arena-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-inline: -8px; padding: 0 8px 4px; }
  .arena-tabs::-webkit-scrollbar { display: none; }
  .arena-tabs button { white-space: nowrap; flex: 0 0 auto; }
  #wars-slot .corner .body { padding: 10px 8px; background: #0b0f14; }
  .msg { max-width: 100%; }
  .msg-ttl { font-size: 17px; }
  .msg-time, .feed-day { font-size: 13px; }
  .msg-why, .msg-src { font-size: 15px; }
  .msg-arena { font-size: 13px; }
  .deep-box > summary { font-size: 17px; }
}

/* נורת מצב העדכונים האוטומטיים (assets/js/health.js). ירוק = הכול בזמן, אדום = משהו תקוע. לחיצה = פירוט */
.health {
  position: relative; display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 0; padding: 4px; cursor: pointer; font-family: inherit; color: var(--bad); font-size: 12.5px;
}
.health .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--muted); }
.health.ok .dot  { background: var(--ok);  box-shadow: 0 0 6px var(--ok); }
.health.bad .dot { background: var(--bad); box-shadow: 0 0 6px var(--bad); }
.health-pop {
  display: none; position: absolute; top: 100%; inset-inline-start: 0; z-index: 60; margin-top: 6px;
  flex-direction: column; gap: 3px; white-space: nowrap; text-align: start;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px;
  font-size: 12.5px; color: var(--text-dim);
}
.health.open .health-pop { display: flex; }
.health-pop .ok { color: var(--text-dim); }
.health-pop .ok::first-letter { color: var(--ok); }
.health-pop .bad { color: var(--bad); font-weight: 700; }
@media (max-width: 700px) { .health, .health-pop { font-size: 14px; } }

/* ---- כפתורי שיתוף (פינת המלחמות) ---- */
.share-bar { display: flex; gap: 6px; flex-wrap: wrap; margin-inline-start: auto; }
.share-bar .sh {
  font: inherit; font-size: 13px; line-height: 1; padding: 6px 10px; border-radius: 999px;
  border: 1px solid var(--line); background: transparent; color: var(--text); text-decoration: none; cursor: pointer;
}
.share-bar .sh:hover, .share-bar .sh:focus-visible { border-color: var(--accent); }
.share-bar .wa { border-color: #25d36680; }
.share-bar .tg { border-color: #2aabee80; }
@media (max-width: 700px) {
  .share-bar { margin-inline-start: 0; flex-basis: 100%; }
  .share-bar .sh { font-size: 14px; padding: 8px 12px; }
}

/* קישור לערוץ הטלגרם בכותרת */
.topbar nav a.tg-join { color: #2aabee; font-weight: 700; }