/* Gatecrash - Custom styles (non-Tailwind) */

/* Alpine.js cloak - hide elements until Alpine initializes */
[x-cloak] { display: none !important; }

/* Status indicators */
.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.status-dot.connected { background-color: #22c55e; }
.status-dot.disconnected { background-color: #d1d5db; }