/* 
 * Warexo Entity Docs - Custom Styles
 * Modern, minimal design system
 */

/* Alpine.js cloak - prevent flash of unstyled content */
[x-cloak] { 
    display: none !important; 
}

/* Code/mono styling */
.twig-code {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.8125rem;
    background: #f4f4f5;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    color: #3f3f46;
}

/* Smooth scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #d4d4d8;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1aa;
}

/* Entity row transitions */
.entity-card {
    transition: background-color 0.15s ease;
}

/* Hidden utility */
.hidden {
    display: none !important;
}

/* Subtle animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 0.2s ease-out;
}

/* Focus states */
input:focus,
button:focus-visible {
    outline: none;
}

/* Selection color */
::selection {
    background: #bae6fd;
    color: #0c4a6e;
}

/* Print styles */
@media print {
    header, .no-print { display: none !important; }
    body { background: white; }
}