/* ==========================================================================
   ОБНОВЛЕННЫЙ СТИЛЬ МОНИТОРИНГА СЕРВЕРОВ (ПОД СТИЛЬ МИНИ-ПРОФИЛЯ)
   ========================================================================== */
/* Контейнер одного сервера с разделительной линией */
.monitor_server {
    padding: 12px 0;
    margin: 0;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Нежный разделитель как в минипрофиле */
    display: flex;
    flex-direction: column;
    gap: 8px; /* Расстояние между текстом и полосой прогресса */
}

/* Убираем разделитель у последнего сервера в списке */
.monitor_server:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

/* Название сервера и онлайн (центрировано) */
.monitor_title {
    position: static; /* Отключаем старое позиционирование */
    height: auto;
    margin: 0;
    line-height: normal;
    text-shadow: none;
    font-weight: 500;
    text-align: center; /* Центрирование текста по аналогии с профилем */
}

.monitor_title a {
    font-size: 13.5px;
    color: #f1e4d3; /* Мягкий кремово-белый цвет текста */
    text-decoration: none;
    transition: color 0.2s ease;
}

.monitor_title a:hover {
    color: #ff9f1c; /* Золотистый ховер */
}

/* Тонкая и минималистичная подложка полосы прогресса */
.monitor_bar {
    width: 100%;
    height: 5px; /* Ультра-тонкая аккуратная линия вместо громоздкой полосы */
    background-color: rgba(0, 0, 0, 0.5); /* Темный фон шкалы */
    border: none; /* Убираем рамки */
    border-radius: 3px;
    overflow: hidden;
}

/* Полоса заполнения */
.monitor_progress {
    height: 100%;
    border-radius: 3px;
    transition: width 0.5s ease-in-out;
}

/* Рабочее состояние (Оранжево-красный градиент под тон сайта) */
.monitor_progress-work {
    background: linear-gradient(90deg, #ff9f1c, #ff4e00);
}

/* Заполненный сервер */
.monitor_progress-full {
    background: linear-gradient(90deg, #e71d36, #ff4e00);
}

/* Ошибка подключения */
.monitor_progress-error {
    background: #5a1818;
}