@media (min-width: 992px) {
    body.logged-in #main-view {
        display: flex;
    }

    body.logged-in #sidebar {
        position: fixed;
    }

    body.logged-in #main-content {
        margin-left: 7rem;
    }

    body.logged-in:has([data-lang="de"].active) #main-content {
        margin-left: 8rem;
    }

    body.logged-in:has([data-lang="zh"].active) #main-content {
        margin-left: 6rem;
    }

    body:not(.logged-in) #sidebar {
        display: none;
    }
}

body:not(.logged-in) .user-dropdown {
    display: none;
}

td.text-end > a > svg {
    fill: currentColor;
    height: 1em;
    margin-left: 0.5em;
    margin-bottom: 4px; /* to centre the icon */
}

/* if an item name is super long, ensure it doesn't prevent the user from using actions */
.card-body {
    overflow: auto;
}

/* fixes for navbar on small resolutions due to not being navbar-expand */
.navbar.sticky-top .navbar-nav {
    flex-direction: row;
}

.dropdown-toggle {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

/* Modal overlay and form styling */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}
.modal-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    width: 400px;
}