/* 1. Make the scrollbars slim and modern (Works on Chrome/Edge/Safari) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

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

/* 2. HTMX Loading Indicator */
/* This hides the spinner by default */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}

/* This shows the spinner when HTMX is busy fetching data */
.htmx-request .htmx-indicator {
    opacity: 1;
}

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

/* 3. Sticky Table Header Fix */
/* Ensures the header stays on top when scrolling down long lists */
thead.sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}