TH.WipTableHeader {
    BACKGROUND-COLOR: var(--wipFormTableHeaderBGColor);
    COLOR: var(--textColorAlt);
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal;
    text-align: left;
    padding: 5px 10px 5px 10px;
    margin: 0px;
}

.tblWipFormMaster {
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
    border: none;
}

TD.WipTableHeader {
    BACKGROUND-COLOR: var(--wipFormTableHeaderBGColor);
    COLOR: var(--textColorAlt);
    FONT-SIZE: 100%;
    FONT-WEIGHT: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-left: 0px;
    height: 30px;
    border-spacing: 2px;
}

A.WipTableHeader {
    COLOR: var(--textColorAlt);
    FONT-SIZE: 100%;
    TEXT-DECORATION: none;
}

A.WipTableHeader:hover {
    TEXT-DECORATION: underline;
}

TD.WIPODD {
    BACKGROUND-COLOR: var(--wipTableOddColor);
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    FONT-FAMILY: "Arial","Verdana","sans-serif";
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    height: 30px;
}

TD.WIPEVEN {
    BACKGROUND-COLOR: var(--wipTableEvenColor);
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    height: 30px;
}

A.WipTableLink {
    COLOR: var(--linkColor);
    FONT-SIZE: 100%;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    padding: 0;
    margin: 0;
}

A.WipTableLink:hover {
    COLOR: var(--linkHoverColor);
    text-decoration: underline;
}

.wip-container {

}

Table.AppWipTable {
    background-color: var(--wipFormTableBodyBGColor);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-spacing: 0px;
    font-weight: 500;
    WIDTH: 100%;
}

    TABLE.AppWipTable .PageListUnselected A {
        PADDING: 1PX 6PX;
        BACKGROUND: var(--containerBGColor);
        cursor: pointer;
        MARGIN: 0PX 1PX;
        font-weight: normal;
        color: var(--textColorMain);
        text-decoration: NONE;
    }

/* Override right alignment for Status Date columns */
/* Target Status Date header columns specifically by link href */
TD.WipTableHeader:has(a[href*="srt=StatusDate"]) {
    text-align: left !important;
}

/* Fallback for browsers that don't support :has() - target the link itself */
TD.WipTableHeader a[href*="srt=StatusDate"] {
    text-align: left !important;
    display: block;
    width: 100%;
}

/* Apply left alignment to all data cells in Status Date columns */
/* This targets the actual data cells, not just the headers */
TD.WIPODD:has(+ * a[href*="StatusDate"]),
TD.WIPEVEN:has(+ * a[href*="StatusDate"]) {
    text-align: left !important;
}