/* Красные события ForexFactory по доллару — js/features/macro-events.js.
   Токены только из variables.css, новых цветов/шрифтов не вводим (правило CLAUDE.md).
   Визуально это «предупреждение», а не карточка данных: красная кромка слева, как у
   .di-hero.down, и приглушённый фон. Красный тут — из --dn, отдельного цвета не заводим. */

.mev{margin-bottom:var(--gap,12px)}
.mev[hidden]{display:none}

.mev-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-left:2px solid var(--dn);
  border-radius:var(--radius,12px);
  padding:12px 14px;
}

.mev-h{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.mev-dot{
  width:6px;height:6px;border-radius:50%;background:var(--dn);flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(248,113,113,.16);
}
.mev-t{
  font-size:var(--fs-micro,10px);font-weight:700;
  color:var(--text);
}
.mev-src{margin-left:auto;font-size:10px;color:var(--dim,rgba(255,255,255,.45));font-family:var(--mono)}

.mev-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}

.mev-i{display:flex;align-items:flex-start;gap:10px;min-width:0}
/* Событие уже вышло — приглушаем, но НЕ прячем: факт против прогноза объясняет,
   почему рынок сходил, а это половина ценности блока. */
.mev-i.done{opacity:1}   /* прошедшее событие больше не приглушаем — текст должен быть белым */

.mev-time{
  flex:0 0 auto;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text);
  min-width:38px;padding-top:1px;
}
.mev-body{flex:1 1 auto;min-width:0}
.mev-name{display:block;font-size:13px;font-weight:600;color:var(--text);line-height:1.35}
/* Весь текст события — белым (Kamron 30.07): время, название, числа и состояние читают как
   одну строку, приглушать её части значит гонять глаз между яркостями. */
.mev-nums{
  display:block;margin-top:2px;font-size:11px;color:var(--text);font-family:var(--mono);
}
.mev-act{color:var(--text);font-weight:700}
.mev-note{
  /* Сноска тоже белая: она была последним серым элементом внутри блока — полупрозрачный
     --muted читался как серый текст (Kamron 30.07, повторно). Отделяет её кромка слева,
     а не приглушение. */
  margin-top:5px;font-size:11px;line-height:1.45;color:var(--text);
  padding-left:8px;border-left:1px solid var(--border);
}
.mev-cd{
  flex:0 0 auto;font-size:11px;color:var(--text);font-family:var(--mono);
  padding-top:2px;white-space:nowrap;
}

@media(max-width:768px){
  .mev-card{padding:11px 12px}
  .mev-cd{display:none}   /* узкий экран: время слева уже отвечает на вопрос «когда» */
  .mev-name{font-size:12px}
}

/* ── Десктоп: блок занимает слот «Обзор рынка» на крипто-дашборде ────────────────────────────
   Kamron 30.07: «Важные события поставим вместо market cap обзор рынка, именно в этот блок,
   размеры не трогай» + «только в десктопе пока правки».
   Оболочку виджета не трогаем — габариты слота остаются прежними. Карточка внутри становится
   плоской (.mev-flat), иначе получилась бы рамка в рамке. */
.mev-flat{margin-bottom:0}
.mev-flat .mev-card{background:none;border:none;border-left:none;border-radius:0;padding:10px 12px}

@media(min-width:769px){
  #page-dashboard #dash-macro{display:none}                       /* мобильный контейнер — только для мобилки */
  #page-dashboard #w-market > .widget-head{display:none}          /* заголовок даёт сама карточка событий */
  #page-dashboard #w-market #market{display:none}                 /* прежний обзор рынка уступает слот */
  /* Событий сейчас нет → слот не должен стоять пустым: возвращаем обзор рынка. */
  #page-dashboard #w-market:has(#dash-macro-w[hidden]) > .widget-head{display:block}
  #page-dashboard #w-market:has(#dash-macro-w[hidden]) #market{display:block}
}
@media(max-width:768px){
  #dash-macro-w{display:none}                                     /* десктопный слот на мобилке не участвует */
}

/* Страховка от возврата серого: ВЕСЬ текст внутри блока важных событий — цвета --text.
   Проверено замером computed-цветов: до этого серой оставалась сноска FOMC. */
.mev-card, .mev-card *{color:var(--text)}
.mev-dot{background:var(--dn)}   /* точка — единственный цветной элемент, она не текст */