/* ============================================================
   Панель легенды
   Тёмная тема: графит #1a1a1a + золото #aa9974 (unionsk.ru)
   ============================================================ */
/* Легенда теперь живёт внутри хедера (#app-header) — её компактный
   вариант и переопределение fixed-позиционирования находятся в
   header.css (.app-header #legend). Здесь — базовые правила. */
#legend {
    position: static;
    z-index: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    font-size: 14px;
    min-width: 0;
    color: var(--text-muted);
}

#legend h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text);
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
    color: var(--text-muted);
}

.dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* Семантические цвета статусов НЕ меняем, лишь слегка усилена
   яркость для контраста на тёмном фоне. */
.dot-green  { background: #3ddc84; }
.dot-yellow { background: #fde047; }
.dot-orange { background: #f15a0f; }
.dot-red    { background: #ff1900; }