/* Тема «мониторинг»: зелёный только по смыслу «исправно» (индикаторы, статусы OK, галочки, пакеты).
   Всё остальное — в цветах логотипа. Подключается поверх style.css при сборке THEME=green. */
:root{
  --paper:#FFFFFF;--paper2:#F2F5F4;--line:#E1E7E4;--mute:#5B6762;--grey-d:#5B6762;
  --green:#12A070;--ok:#3DDC97;--fix:#3DDC97;
  --dark:#0D2E27;--dark-line:#21483F;--foot:#0E1513;--dot:rgba(13,46,39,.09);
}
header{background:rgba(255,255,255,.92)}

/* первый экран: панель мониторинга */
.hero:before{background-image:linear-gradient(rgba(13,46,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,46,39,.06) 1px,transparent 1px)}
.monitor{background:#111816;box-shadow:0 30px 60px -20px rgba(13,46,39,.45),0 0 0 1px #0B1210}
.monitor:after{background:radial-gradient(circle,rgba(61,220,151,.16),transparent 65%)}
.mon-bar,.mon-status{border-color:#22302C}
.mon-status b{background:var(--ok)}.mon-status b.al{background:var(--red)}

/* бегущий пакет в этапах — «исправный» */
.steps .track:after{background:var(--green);box-shadow:0 0 0 4px rgba(18,160,112,.18)}
.tile-art{background-color:#F7FAF9}
footer h4{color:#5E7A70}