/* gauges-widget.css (Версия 3.0 - Неоновый текст) */

/* --- НОВЫЙ БЛОК: Импортируем технологичный шрифт с Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');


/* --- АНИМАЦИИ ДЛЯ РАМОК (без изменений) --- */
@keyframes pulse-glow-long {
    0% { box-shadow: 0 0 8px rgba(40, 167, 69, 0.4), inset 0 0 6px rgba(40, 167, 69, 0.3); }
    50% { box-shadow: 0 0 16px rgba(40, 167, 69, 0.8), inset 0 0 10px rgba(40, 167, 69, 0.5); }
    100% { box-shadow: 0 0 8px rgba(40, 167, 69, 0.4), inset 0 0 6px rgba(40, 167, 69, 0.3); }
}
@keyframes pulse-glow-short {
    0% { box-shadow: 0 0 8px rgba(220, 53, 69, 0.4), inset 0 0 6px rgba(220, 53, 69, 0.3); }
    50% { box-shadow: 0 0 16px rgba(220, 53, 69, 0.8), inset 0 0 10px rgba(220, 53, 69, 0.5); }
    100% { box-shadow: 0 0 8px rgba(220, 53, 69, 0.4), inset 0 0 6px rgba(220, 53, 69, 0.3); }
}
@keyframes pulse-glow-auto {
    0% { box-shadow: 0 0 8px rgba(0, 180, 240, 0.4), inset 0 0 6px rgba(0, 180, 240, 0.3); }
    50% { box-shadow: 0 0 16px rgba(0, 180, 240, 0.8), inset 0 0 10px rgba(0, 180, 240, 0.5); }
    100% { box-shadow: 0 0 8px rgba(0, 180, 240, 0.4), inset 0 0 6px rgba(0, 180, 240, 0.3); }
}

/* --- АНИМАЦИИ ДЛЯ ВНУТРЕННИХ ШКАЛ (усиленная версия) --- */
@keyframes pulse-bar-glow-long {
    0% { filter: drop-shadow(0 0 2px rgba(51, 255, 87, 0.5)); }
    50% { filter: drop-shadow(0 0 8px rgba(51, 255, 87, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 0.5)); }
    100% { filter: drop-shadow(0 0 2px rgba(51, 255, 87, 0.5)); }
}
@keyframes pulse-bar-glow-short {
    0% { filter: drop-shadow(0 0 2px rgba(255, 51, 102, 0.5)); }
    50% { filter: drop-shadow(0 0 8px rgba(255, 51, 102, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 0.5)); }
    100% { filter: drop-shadow(0 0 2px rgba(255, 51, 102, 0.5)); }
}
@keyframes pulse-bar-glow-auto {
    0% { filter: drop-shadow(0 0 2px rgba(0, 169, 224, 0.5)); }
    50% { filter: drop-shadow(0 0 8px rgba(0, 169, 224, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 0.5)); }
    100% { filter: drop-shadow(0 0 2px rgba(0, 169, 224, 0.5)); }
}

/* --- НОВЫЙ БЛОК: АНИМАЦИИ ДЛЯ ТЕКСТА --- */
/* Мы анимируем text-shadow, чтобы текст пульсировал светом */
@keyframes pulse-text-glow-long {
    0% { text-shadow: 0 0 4px rgba(51, 255, 87, 0.5); }
    50% { text-shadow: 0 0 10px rgba(51, 255, 87, 1), 0 0 2px rgba(255, 255, 255, 0.8); }
    100% { text-shadow: 0 0 4px rgba(51, 255, 87, 0.5); }
}
@keyframes pulse-text-glow-short {
    0% { text-shadow: 0 0 4px rgba(255, 51, 102, 0.5); }
    50% { text-shadow: 0 0 10px rgba(255, 51, 102, 1), 0 0 2px rgba(255, 255, 255, 0.8); }
    100% { text-shadow: 0 0 4px rgba(255, 51, 102, 0.5); }
}
@keyframes pulse-text-glow-auto {
    0% { text-shadow: 0 0 4px rgba(0, 169, 224, 0.5); }
    50% { text-shadow: 0 0 10px rgba(0, 169, 224, 1), 0 0 2px rgba(255, 255, 255, 0.8); }
    100% { text-shadow: 0 0 4px rgba(0, 169, 224, 0.5); }
}


/* --- СТИЛИ КОНТЕЙНЕРОВ (без изменений) --- */
.gauges-shelf { width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; box-sizing: border-box; }
.gauge-cell { width: 100%; height: 100%; border-radius: 12px; transition: all 0.5s ease-in-out; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); }
.gauge-cell-glow-long { box-shadow: 0 0 8px rgba(40, 167, 69, 0.4), inset 0 0 6px rgba(40, 167, 69, 0.3); }
.gauge-cell-glow-short { box-shadow: 0 0 8px rgba(220, 53, 69, 0.4), inset 0 0 6px rgba(220, 53, 69, 0.3); }
.gauge-cell-glow-auto { box-shadow: 0 0 8px rgba(0, 180, 240, 0.4), inset 0 0 6px rgba(0, 180, 240, 0.3); }
.dominant-gauge-pulse-long { animation: pulse-glow-long 3s infinite ease-in-out; }
.dominant-gauge-pulse-short { animation: pulse-glow-short 3s infinite ease-in-out; }
.dominant-gauge-pulse-auto { animation: pulse-glow-auto 3s infinite ease-in-out; }

/* --- СТИЛИ ВНУТРЕННИХ ШКАЛ (без изменений) --- */
.gauge-cell .value-arc path { transition: filter 0.5s ease-in-out; }
.gauge-cell-glow-long .value-arc path { filter: drop-shadow(0 0 2px rgba(51, 255, 87, 0.7)); }
.gauge-cell-glow-short .value-arc path { filter: drop-shadow(0 0 2px rgba(255, 51, 102, 0.7)); }
.gauge-cell-glow-auto .value-arc path { filter: drop-shadow(0 0 2px rgba(0, 169, 224, 0.7)); }
.dominant-gauge-pulse-long .value-arc path { animation: pulse-bar-glow-long 3s infinite ease-in-out; }
.dominant-gauge-pulse-short .value-arc path { animation: pulse-bar-glow-short 3s infinite ease-in-out; }
.dominant-gauge-pulse-auto .value-arc path { animation: pulse-bar-glow-auto 3s infinite ease-in-out; }


/* --- НОВЫЙ БЛОК: СТИЛИ ТЕКСТА --- */

/* Применяем новый шрифт ко всем заголовкам и процентам */
.gauge-cell .angularaxis .title text,
.gauge-cell .numbers text {
    font-family: 'Orbitron', sans-serif !important;
    fill: rgba(255, 255, 255, 0.9) !important;
    transition: all 0.5s ease-in-out;
}

/* Применяем статичное свечение для всего текста */
.gauge-cell-glow-long .angularaxis .title text,
.gauge-cell-glow-long .numbers text {
    text-shadow: 0 0 4px rgba(51, 255, 87, 0.5);
}
.gauge-cell-glow-short .angularaxis .title text,
.gauge-cell-glow-short .numbers text {
    text-shadow: 0 0 4px rgba(255, 51, 102, 0.5);
}
.gauge-cell-glow-auto .angularaxis .title text,
.gauge-cell-glow-auto .numbers text {
    text-shadow: 0 0 4px rgba(0, 169, 224, 0.5);
}

/* Применяем анимацию пульсации для текста доминирующего индикатора */
.dominant-gauge-pulse-long .angularaxis .title text,
.dominant-gauge-pulse-long .numbers text {
    animation: pulse-text-glow-long 3s infinite ease-in-out;
}
.dominant-gauge-pulse-short .angularaxis .title text,
.dominant-gauge-pulse-short .numbers text {
    animation: pulse-text-glow-short 3s infinite ease-in-out;
}
.dominant-gauge-pulse-auto .angularaxis .title text,
.dominant-gauge-pulse-auto .numbers text {
    animation: pulse-text-glow-auto 3s infinite ease-in-out;
}

.gauge-cell .g-gtitle text {
    font-family: 'Orbitron', sans-serif !important;
    fill: rgba(255, 255, 255, 0.9) !important;
    transition: filter 0.5s ease-in-out;
}

/* Статичное свечение для заголовков по "меткам" */
.gauge-cell[data-gauge-type="LONG"] .g-gtitle text {
    filter: drop-shadow(0 0 1px rgba(51, 255, 87, 0.7));
}
.gauge-cell[data-gauge-type="SHORT"] .g-gtitle text {
    filter: drop-shadow(0 0 1px rgba(255, 51, 102, 0.7));
}
.gauge-cell[data-gauge-type="AUTO"] .g-gtitle text {
    filter: drop-shadow(0 0 1px rgba(0, 169, 224, 0.7));
}

/* Анимация пульсации для заголовка доминирующего виджета */
.dominant-gauge-pulse-long .g-gtitle text {
    animation: pulse-text-glow-long 3s infinite ease-in-out;
}
.dominant-gauge-pulse-short .g-gtitle text {
    animation: pulse-text-glow-short 3s infinite ease-in-out;
}
.dominant-gauge-pulse-auto .g-gtitle text {
    animation: pulse-text-glow-auto 3s infinite ease-in-out;
}

.subtitle-placeholder {
   display: none;
}