/* Alpine.js: ocultar elementos con x-cloak hasta que Alpine inicialice */
[x-cloak] { display: none !important; }

/* FUCSA CSS variables */
:root {
    --fucsa-bg:       #0f1419;
    --fucsa-card:     #1a232f;
    --fucsa-card-2:   #22303f;
    --fucsa-border:   #2d3e4f;
    --fucsa-orange:   #ed8936;
    --fucsa-orange-dk:#dd6b20;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--fucsa-bg);
}
::-webkit-scrollbar-thumb {
    background: var(--fucsa-border);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3d5269;
}

/* Custom animations */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25%       { transform: translateX(-4px); }
    75%       { transform: translateX(4px); }
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
    body {
        background: white !important;
        color: black !important;
    }
    .print-only {
        display: block !important;
    }
}

.print-only {
    display: none;
}