/* ── Подвкладки страницы Данные используют общие .st-tabs / .m-st-tabs ─────── */

.data-subpage { display: none; flex: 1; min-height: 0; overflow-y: auto; }
.data-subpage.active { display: block; }

#page-data { flex-direction: column; }

/* ── Журнал событий ─────────────────────────────────────────── */
.ev-list {
  padding: 8px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ev-empty {
  text-align: center;
  padding: 32px 12px;
  color: var(--text3);
  font-size: 14px;
}
.ev-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  font-size: 13px;
  line-height: 1.3;
}

/* ── Тонирование по типу события ──────────────────────── */
/* Зелёный — успех / норма */
.ev-type-tmpl-finish,
.ev-type-error-clear,
.ev-type-warning-clear,
.ev-type-online,
.ev-type-ota-done { background: #ecf9f1; border-left: 3px solid var(--green); }

/* Синий — старт / процесс */
.ev-type-tmpl-start,
.ev-type-ota-start { background: #eaf3ff; border-left: 3px solid var(--accent); }

/* Серо-синий — стоп / выкл */
.ev-type-tmpl-stop,
.ev-type-offline { background: #eef0f4; border-left: 3px solid var(--text3); }

/* Жёлтый — предупреждения */
.ev-type-warning-set,
.ev-type-clear-errors { background: #fdf6e3; border-left: 3px solid var(--orange); }

/* Красный — ошибки / аварии */
.ev-type-error-set,
.ev-type-tmpl-emergency,
.ev-type-ota-fail,
.ev-type-safe-mode { background: #fdecec; border-left: 3px solid var(--red); }

/* Нейтральный — изменения настроек */
.ev-type-template-edit,
.ev-type-settings-change,
.ev-type-reboot { background: var(--bg2); border-left: 3px solid var(--border2); }

.ev-icon {
  font-size: 15px;
  flex: 0 0 auto;
}
.ev-time {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--text3);
  flex: 0 0 auto;
  min-width: 70px;
}
.ev-title {
  color: var(--text);
  word-break: break-word;
  flex: 1;
}

@media (max-width: 640px) {
  .ev-list { padding: 6px 12px 20px; gap: 3px; }
  .ev-row { padding: 6px 10px; gap: 8px; font-size: 12px; }
  .ev-time { min-width: 60px; font-size: 11px; }
}