.table thead tr th, .sidebar-base .nav-item .nav-link {
    text-transform: none;
}

.collapse-icon {
    transition: transform .25s ease;
}

.collapse-button[aria-expanded="true"] .collapse-icon {
    transform: rotate(180deg);
}

.login-content .row.justify-content-center {
    min-height: 100vh;
    align-items: flex-end;
}
.main-content .container-fluid.content-inner.py-0 {
    display: flex;
    flex-direction: column;
}
.version-number {
    position: relative;
    padding: 0 12px 10px 12px;
    margin-top: auto;
}

.datatable-container {
    width: 98%;
}

/* Notification bell dropdown items: a title + relative-time row plus a message preview row,
   instead of Bootstrap's single-line, truncated .dropdown-item default. */
.notification-list-item {
    white-space: normal;
}
.notification-list-item + .notification-list-item {
    border-top: 1px solid rgba(0, 0, 0, .075);
}
.notification-list-item-title {
    display: block;
}
.notification-list-item.unread .notification-list-item-title {
    font-weight: 600;
}
.notification-list-item.unread,
.notification-list-item.unread:hover,
.notification-list-item.unread:focus {
    background-color: rgba(var(--bs-primary-rgb), .08);
    border-left: 3px solid var(--bs-primary);
}
.notification-list-item-message {
    white-space: normal;
}

/* Bootstrap's default .badge is quite small next to the "Olvasottnak jelölés" button it replaces
   on the notification feed page - give it a comparable footprint. */
.notification-read-badge {
    font-size: 0.9rem;
    padding: 0.5em 0.9em;
}