/* The custom dashboard greeting must not determine the history panel's height. */
#content-related {
    align-self: flex-start;
    min-width: 0;
    width: 100%;
}

#recent-actions-module {
    height: auto;
}

#recent-actions-module .actionlist li > div > div:first-child {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

#admin-notifications-panel {
    right: 0;
    width: 20rem;
    max-width: calc(100vw - 2rem);
    max-height: calc(100dvh - 5rem);
    overflow-y: auto;
    overflow-wrap: anywhere;
}

#admin-notifications-panel .flex-1 {
    min-width: 0;
}

@media (min-width: 1024px) {
    #recent-actions-module {
        max-height: 32rem;
    }
}

@media (max-width: 1023px) {
    /* Anchor to the viewport when the header also contains the action menu. */
    #admin-notifications-panel {
        position: fixed;
        top: 4rem;
        left: 1rem;
        right: 1rem;
        width: auto;
    }
}

/* Let the filename shrink beside the preview/download/upload controls. */
.admin-file-name {
    width: 0;
}