@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Common styles shared across all pages */

/* Hide scrollbar while maintaining functionality */
::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Typography */
body {
    font-family: 'Inter', sans-serif;
}

/* Sortable table styling */
.sortable {
    position: relative;
    user-select: none;
}

.sortable::after {
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7em;
    opacity: 0.4;
    content: "\25B2\25BC";
}

.sortable.sort-asc::after {
    content: "\25B2";
    opacity: 1;
}

.sortable.sort-desc::after {
    content: "\25BC";
    opacity: 1;
}