/* Лента за най-близкото предстоящо заседание на УС (задание 9, вариант А от
   три показани на възложителя). Стои непосредствено под навигацията, преди
   съобщенията. Умишлено НЕ е sticky/fixed: остава в нормалния поток на
   страницата, за да не покрива съдържание и да не пречи на скрола, особено
   на мобилен. */

/* Фонът е ТЪМНОТО зелено, не светлото. Белият текст върху `--accent`
   (#1D9E75) дава контраст 3,39:1, а WCAG AA иска 4,5:1 за обикновен текст.
   Измерено в браузър, не по усет. Върху `--accent-dark` (#0F6E56) същият бял
   текст минава с широка граница. */
.board-meeting-bar {
  background: var(--accent-dark);
  color: #fff;
}

.board-meeting-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 0.6rem 1rem;
}

.board-meeting-bar__message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.6rem;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.board-meeting-bar__icon {
  flex-shrink: 0;
}

/* Броячът е обратното на лентата: светъл фон, тъмнозелен текст. Така се
   отделя от нея и сам минава контраста, без да разчита на нюанс зелено
   върху зелено. */
.board-meeting-bar__countdown {
  background: #fff;
  color: var(--accent-dark);
  border-radius: 999px;
  padding: 0.2rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

/* На тесен екран текстът се пренася, не излиза извън прозореца; проверено на
   375px. Бройката остава на своя ред, вместо да се притиска до текста. */
@media (max-width: 575.98px) {
  .board-meeting-bar__inner {
    padding: 0.5rem 0.75rem;
  }

  .board-meeting-bar__message {
    font-size: 0.9375rem;
    gap: 0.3rem 0.5rem;
  }

}