/* Neon Title */
.neon-title {
    font-family: Orbitron, sans-serif;
    color: #00eaff;
    text-shadow: 0 0 10px #00eaff, 0 0 20px #00eaff;
}

/* Card wrapper */
.device-card {
    background: #0f0f0f;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    position: relative;
    transition: 0.3s ease;
    border: 1px solid #1a1a1a;
}

/* Neon Glow */
.neon-glow:hover {
    transform: translateY(-6px);
    box-shadow: 
        0 0 12px #00eaff,
        0 0 30px #005eff,
        inset 0 0 10px #003cff;
}

/* Status Badge */
.device-status {
    position: absolute;
    top: 12px;
    right: 12px;
}

.badge {
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12px;
    color: #fff;
}

.badge-available {
    background: #00c853;
    box-shadow: 0 0 10px #00c853;
}

.badge-busy {
    background: #ff1744;
    box-shadow: 0 0 10px #ff1744;
}

.badge-offline {
    background: #757575;
    box-shadow: 0 0 10px #757575;
}

/* Device image */
.device-img {
    height: 160px;
    width: auto;
    margin-bottom: 15px;
    filter: drop-shadow(0 0 10px #00eaff);
}

/* Title */
.device-title {
    color: #fff;
    font-size: 18px;
    font-family: Orbitron, sans-serif;
}

.device-link {
    text-decoration: none;
}

/* Fade animation for updated cards */
.device-card.fade-update {
    animation: fadeFlash 0.8s ease-out;
}

@keyframes fadeFlash {
    0% { box-shadow: 0 0 20px #00eaff; transform: scale(1.02); }
    100% { box-shadow: none; transform: scale(1); }
}