th:has(.rotateHeader) {
    white-space: nowrap;
    vertical-align: bottom;
}

.rotateHeader {
    transform: translate(10px, 0) rotate(-45deg);
    transform-origin: 0 100%;
    width: 30px;
    text-align: left;
}

/* Status icon layout for shift tabs */
#shiftTabs .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#shiftTabs .nav-link i {
    order: -1;
}

/* Compact list styling for vessel descriptions */
ul.compact {
    margin-top: 0;
    margin-bottom: 0;
}

/* Table sub-total styling for lashing totals in headers */
.table_sub_total {
    font-weight: normal;
    font-style: italic;
}

/* Make table header flex container for inline title and meta_data */
.header_with_meta_data {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

/* Stack meta_data children vertically while keeping div inline */
.meta_data {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

/* Ensure source spans display as block elements for vertical stacking */
.meta_data span {
    display: block;
}