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

/* Material Symbols icon settings */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass card effect for elevated content */
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border-radius: 0.5rem;
}

/* HTMX loading indicator: hidden by default, shown when htmx-request is active */
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: inline-block;
}