/* View toggle buttons */
.view-toggle .btn {
    padding: 0.25rem 0.6rem;
    line-height: 1;
}

    .view-toggle .btn.active {
        background-color: #0d6efd;
        color: #fff;
        border-color: #0d6efd;
    }

/* Table view */
#tableView {
    display: none;
}

    #tableView table thead th {
        white-space: nowrap;
        font-size: 0.82rem;
    }

    #tableView table tbody td {
        font-size: 0.82rem;
        vertical-align: middle;
    }

    #tableView .note-preview {
        max-width: 260px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Card view */
#cardView {
    display: block;
}

#tableView table tbody tr:hover td {
    background-color: rgb(143, 141, 134) !important;
    color: #fff !important;
}