/* Custom styles for Ledgera HTMX POC */

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

/* HTMX loading states */
.htmx-request {
    opacity: 0.5;
    transition: opacity 200ms ease-in;
}

.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Searchable select dropdown animations are handled by Alpine.js transitions */

/* Form validation states */
input:invalid:not(:placeholder-shown) {
    border-color: #ef4444;
}

input:valid:not(:placeholder-shown) {
    border-color: #22c55e;
}

/* Print styles */
@media print {
    nav, .no-print {
        display: none !important;
    }
    main {
        margin-left: 0 !important;
    }
}