td.action-buttons {
    white-space: nowrap; width: 1%;
}

.logo img {
    min-height: 3rem;
}

/* Fix "jumpy" effect by ensuring both # and x take up the same space */
.sorttoggle {
    display: inline-block;
    min-width: 16px; /* Ensure consistent width */
    text-align: center; /* Center the text/icon */
}

/* Sorting Options */
.sortoptions {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Align sorting controls to the right */
}

/* Default sorting priority text */
.sortpriority {
    font-size: 0.75rem; /* Small text size */
    display: inline-block;
    color: var(--body-quiet-color); /* Muted color */
}

/* Hide the remove icon initially */
.sortremove-icon {
    display: none;
    font-size: 0.75rem; /* Adjust size for the 'x' icon */
}

/* Show the remove icon on hover, hide the sortpriority text */
.sorttoggle:hover .sortpriority {
    display: none;
}

.sorttoggle:hover .sortremove-icon {
    display: inline-block;
    color: var(--link-fg); /* Active color */
}

/* Sorting Toggle Icons */
.toggle i.bi {
    font-size: 0.75rem;
    color: var(--body-quiet-color); /* Default muted color */
}

/* Hover effect for sorting toggle */
.toggle:hover i.bi {
    color: var(--link-fg); /* Change color on hover */
}

/* Initial state (no sorting applied) */
.unsorted i.bi-arrow-down-up {
    color: var(--body-quiet-color); /* Color for unsorted state */
}

/* Sorted state (ascending) */
.ascending i.bi-arrow-up {
    color: var(--link-fg);
}

/* Sorted state (descending) */
.descending i.bi-arrow-down {
    color: var(--link-fg);
}

.cursor-move {
    cursor: move;
}

[data-bs-theme=dark] .widget-drag-and-drop-list-item:hover {
    background-color: #212529
}

.widget-drag-and-drop-list-item:hover {
    background-color: #f8f9fa
}

.widget-drag-and-drop-list-item .checkbox {
    margin-left: 1rem
}