.unread-notification {
    opacity: 1;
}

.unread-hitbox:hover .unread-notification {
    opacity: 0.25;
}

.read-notification {
    opacity: 0;
}

.read-hitbox:hover .read-notification {
    opacity: 0.25;
}

tr td.table-actions-button {
    opacity: 0;
}
tr:hover td.table-actions-button {
    opacity: 1;
}

@media (hover: none) and (pointer: coarse) {
    tr .table-actions-button {
        opacity: 1 !important;
    }
}

.ts-dropdown {
    background-color: var(--tblr-bg-surface, #fff);
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow);
}

.ts-dropdown-content {
    background-color: var(--tblr-bg-surface, #fff);
}

.chevron {
    transition: transform .2s ease; 
}

/* When the collapse is open, Bootstrap sets aria-expanded="true" on the toggler */
[data-bs-toggle="collapse"][aria-expanded="true"] .chevron {
    transform: rotate(-180deg); 
}

/* Fixes the layering issue when using a list group and making a row active */
.list-group-item.active {
    z-index: auto !important;
}

/* Hides the star ratings select object */
.gl-star-rating select {
  display: none !important;
}
.gl-star-rating--stars span {
  cursor: pointer;
}