/* ═══════════════════════════════════════════════════════════════════════════
   Правки оформления демо «Платформа АГП».
   Клиент (CRA) не пересобирается, поэтому исправления сделаны точечным CSS —
   файл подключён последним в client/build/index.html и перекрывает бандл.
   Каждое правило объясняет, что чинит; исходники восстановлены из source-map.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Коллизия имён классов ──────────────────────────────────────────────
   `.birthday-name` объявлен дважды: в Navbar.css — жёлтая «плашка» для списка
   именинников в выпадающем меню, в HomePage.css — обычный текст в карточке на
   главной. CRA собирает весь CSS в один файл, поэтому плашка протекала на
   главную, а правило тёмной темы `[data-theme=dark] .birthday-name` перекрашивало
   текст в почти белый — получалось белое по светло-жёлтому, читать невозможно.
   На главной плашка не нужна: убираем фон и отступы, оставляя сезонные цвета. */
.birthdays-card .birthday-name {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
}

/* ── 2. Та же плашка в выпадающем меню ────────────────────────────────────
   Здесь плашка уместна, но в тёмной теме её текст перекрашивался в белый.
   Делаем плашку тёмно-янтарной со светлым текстом. */
[data-theme="dark"] .dropdown-birthdays .birthday-name {
  background: rgba(245, 158, 11, 0.18) !important;
  border: 1px solid rgba(245, 158, 11, 0.34) !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .dropdown-birthdays .birthday-label { color: #cbd5e1; }

/* ── 3. «Оформление с фоном»: выпадающее меню ─────────────────────────────
   Панель была почти прозрачной и держалась на backdrop-filter. Там, где
   размытие не поддерживается, сквозь меню читалась страница. Поднимаем
   непрозрачность фона — стеклянный вид остаётся, читаемость не зависит от blur. */
html[data-season="building"] .user-dropdown {
  background: rgba(13, 26, 48, 0.97) !important;
  border-color: rgba(125, 211, 252, 0.22) !important;
}
html[data-season="building"] .user-dropdown .birthday-title { color: #cbd5e1; }
/* строка кнопок внизу меню тоже светлая по умолчанию — переводим в тёмную,
   иначе светлый текст оказывается на светло-сером фоне */
html[data-season="building"] .user-dropdown .dropdown-actions { background: rgba(125, 211, 252, 0.06); }
html[data-season="building"] .user-dropdown .dropdown-action-btn.settings {
  background: rgba(125, 211, 252, 0.14) !important;
  color: #e2eefc !important;
}
html[data-season="building"] .user-dropdown .dropdown-divider { background: rgba(125, 211, 252, 0.18); }
html[data-season="building"] .user-dropdown .dropdown-link-item { background: rgba(125, 211, 252, 0.10); }
html[data-season="building"] .user-dropdown .dropdown-link-item:hover { background: rgba(125, 211, 252, 0.20); }
html[data-season="building"] .user-dropdown .dropdown-link-text { color: #dbeafe; }

/* ── 4. Раздел «Дни рождения» в этой теме ─────────────────────────────────
   Заголовки и счётчики брали синий #007bff из светлой темы — на тёмном фоне
   он почти сливается. Берём светлые оттенки того же синего. */
html[data-season="building"] .birthday-sidebar h2,
html[data-season="building"] .directory-container > .directory-header h2 { color: #7dd3fc !important; }
html[data-season="building"] .department-count {
  color: #bfdbfe !important;
  background: rgba(147, 197, 253, 0.14) !important;
}
html[data-season="building"] .search-results-info { color: #cbd5e1 !important; }
html[data-season="building"] .search-results-info strong { color: #ffffff !important; }
html[data-season="building"] .employee-position { color: #a8bdd4 !important; }
html[data-season="building"] .employee-name { color: #eef5ff !important; }
html[data-season="building"] .birthday-date-badge { color: #ffffff !important; }

/* ── 5. Значок «Завтра день рождения» ─────────────────────────────────────
   В коде он задан инлайном: белый текст на светло-голубом (#e3f2fd) —
   не видно ни в одной теме. Инлайн перебивается только !important. */
.birthday-badge[style*="color: white"] {
  color: #0b3b63 !important;
  background-color: #dbeafe !important;
}