/* --- COULEURS GLOBALES ET THEME SOMBRE --- */
body {
    background-color: #0f172a;
    color: #e2e8f0;
}

.navbar {
    background-color: #1e293b !important;
    border-bottom: 1px solid #334155;
}

/* --- DESIGN DES WIDGETS (CARTES) --- */
.card {
    background-color: #1e293b;
    border: 1px solid #334155;
    min-height: 320px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

.card-meteo {
    border-top: 4px solid #38bdf8;
}

.card-solaire {
    border-top: 4px solid #fbbf24;
}

.card-batterie {
    border-top: 4px solid #34d399;
}

.card-admin {
    border-top: 4px solid #f87171;
}

/* --- ANIMATION DU HEARTBEAT --- */
.status-dot {
    width: 14px;
    height: 14px;
    display: inline-block;
}

.pulse-online {
    background-color: #22c55e;
    box-shadow: 0 0 12px #22c55e;
    animation: pulse-green 2s infinite;
}

.pulse-offline {
    background-color: #ef4444;
    box-shadow: 0 0 15px #ef4444;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

/* --- TYPOGRAPHIE ET ELEMENTS VISUELS --- */
.data-value {
    color: #e0f2fe;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}

.placeholder-box {
    border: 2px dashed #475569;
    background-color: #0f172a;
    color: #94a3b8;
}