/* --- CUSTOM STYLES FOR MONITOR & DETAILS --- */

/* Scrollbar Hiding Utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Card Hover Effects */
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Progress Bar Background */
.progress-bar-bg {
    background-color: #E2E8F0;
}

/* Live Dot Animation */
.live-dot {
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* Score Ring Transition */
.score-ring {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

/* Audit Row Hover */
.audit-row:hover {
    background-color: #F8FAFC;
}

/* X-Cloak for AlpineJS */
[x-cloak] {
    display: none !important;
}