/* TSAT Strip AOC State Styling */
:root {
    --tsat-active-bg: #7d7d7d;
    --tsat-active-color: #ffffff;
    --tsat-inactive-bg: #969696;
    --tsat-inactive-color: #dcdcdc;
    --tsat-inTsatWindow: #faff64;
    --tsat-tsatWindowViolation: #ffbe64;
    --tsat-tsatAsatGiven: #96ff78;
    --tsat-cdtWarn: #ffbe64;
}

/* Apply ONLY to active strips - background and font color when AOC_APRON and NOT in transfer */
tr.tsat-active-strip {
    border: 1px solid #4a4a4a !important;
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.3), inset -1px -1px 0 0 rgba(0, 0, 0, 0.25), 3px 3px 6px 0 rgba(0, 0, 0, 0.5), 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}

    tr.tsat-active-strip td {
        background-color: var(--tsat-active-bg);
        color: var(--tsat-active-color);
        background-image: none;
        border: none !important;
        box-shadow: none;
    }

/* TTOT color overrides for active strips - higher specificity */
.tsat-active-ttot-1 {

    color: var(--tsat-inTsatWindow) !important;
}

.tsat-active-ttot-2 {
    color: var(--tsat-tsatWindowViolation) !important;
}

.tsat-active-ttot-3 {
    color: var(--tsat-tsatAsatGiven) !important;
}

.tsat-active-ttot-4 {
    color: var(--tsat-cdtWarn) !important;
}

/* Apply to all divs inside td elements in TSAT active strips */
tr.tsat-active-strip td div {
    background-color: transparent;
    color: inherit;
    background-image: none;
}

/* Apply to inactive strips - background and font color when NOT AOC_APRON OR in transfer */
tr.tsat-inactive-strip {
    border: 1px solid #6d6d6d !important;
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.2), inset -1px -1px 0 0 rgba(0, 0, 0, 0.15), 3px 3px 6px 0 rgba(0, 0, 0, 0.4), 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

    tr.tsat-inactive-strip td {
        background-color: var(--tsat-inactive-bg);
        color: var(--tsat-inactive-color);
        background-image: none;
        border: none !important;
        box-shadow: none;
    }

        /* Apply to all divs inside td elements in TSAT inactive strips */
        tr.tsat-inactive-strip td div {
            background-color: transparent;
            color: inherit;
            background-image: none;
        }

/* For default strips - remove all background and font color styling */
tr.tsat-default-strip {
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.35), inset -1px -1px 0 0 rgba(0, 0, 0, 0.1), 3px 3px 6px 0 rgba(0, 0, 0, 0.3), 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

    tr.tsat-default-strip td {
        background-color: transparent;
        color: inherit;
        background-image: none;
        border: none;
        box-shadow: none;
    }

        /* Apply to all divs inside td elements in TSAT default strips */
        tr.tsat-default-strip td div {
            background-color: transparent;
            color: inherit;
            background-image: none;
        }



/* Preserve runway column colors - ONLY the runway column keeps its styling */
/* For active strips - preserve runway colors */
tr.tsat-active-strip td div.bg-color-green,
tr.tsat-active-strip td div.bg-color-blue,
tr.tsat-active-strip td div.bg-color-yellow,
tr.tsat-active-strip td div.bg-color-orange,
tr.tsat-active-strip td div.bg-color-red {
    background-color: inherit;
}

/* Ensure runway td itself allows the inner div color to show */
tr.tsat-active-strip td:has(div.bg-color-green),
tr.tsat-active-strip td:has(div.bg-color-blue),
tr.tsat-active-strip td:has(div.bg-color-yellow),
tr.tsat-active-strip td:has(div.bg-color-orange),
tr.tsat-active-strip td:has(div.bg-color-red) {
    background-color: transparent;
}

/* For inactive strips - preserve runway colors */
tr.tsat-inactive-strip td div.bg-color-green,
tr.tsat-inactive-strip td div.bg-color-blue,
tr.tsat-inactive-strip td div.bg-color-yellow,
tr.tsat-inactive-strip td div.bg-color-orange,
tr.tsat-inactive-strip td div.bg-color-red {
    background-color: inherit;
}

/* Ensure runway td itself allows the inner div color to show */
tr.tsat-inactive-strip td:has(div.bg-color-green),
tr.tsat-inactive-strip td:has(div.bg-color-blue),
tr.tsat-inactive-strip td:has(div.bg-color-yellow),
tr.tsat-inactive-strip td:has(div.bg-color-orange),
tr.tsat-inactive-strip td:has(div.bg-color-red) {
    background-color: transparent;
}

/* For default strips - preserve runway colors */
tr.tsat-default-strip td div.bg-color-green,
tr.tsat-default-strip td div.bg-color-blue,
tr.tsat-default-strip td div.bg-color-yellow,
tr.tsat-default-strip td div.bg-color-orange,
tr.tsat-default-strip td div.bg-color-red {
    background-color: inherit;
}

/* Ensure runway td itself allows the inner div color to show */
tr.tsat-default-strip td:has(div.bg-color-green),
tr.tsat-default-strip td:has(div.bg-color-blue),
tr.tsat-default-strip td:has(div.bg-color-yellow),
tr.tsat-default-strip td:has(div.bg-color-orange),
tr.tsat-default-strip td:has(div.bg-color-red) {
    background-color: transparent;
}
/* ======================================================================================================================
   RUNWAY COLOR CODES - Override strip state colors when runway class applied
   ====================================================================================================================== */

/* Runway color codes have highest priority */
tr.rwybkclr-blue td,
tr.rwybkclr-orange td,
tr.rwybkclr-yellow td,
tr.rwybkclr-none td {
    background-color: inherit !important;
    color: inherit !important;
}

/* ======================================================================================================================
   BEGIN TAXI - Full runway color display, override active/inactive strip colors
   ====================================================================================================================== */

/* Begin taxi shows full runway color regardless of strip state */
tr.begin-taxi.rwybkclr-blue td,
tr.begin-taxi.rwybkclr-orange td,
tr.begin-taxi.rwybkclr-yellow td,
tr.begin-taxi.rwybkclr-none td {
    background-color: inherit !important;
    color: inherit !important;
}

/* ======================================================================================================================
   SELECTED ROW - Preserve selection highlighting
   ====================================================================================================================== */

/* Selected row should show grey background (unless runway color applied) */
tr.selected-row:not(.rwybkclr-blue):not(.rwybkclr-orange):not(.rwybkclr-yellow):not(.rwybkclr-none) td {
    background-color: #7d7d7d !important;
}

/* ======================================================================================================================
   MARK STATES - Override strip colors when mark classes applied
   ====================================================================================================================== */

/* Mark warning - orange outline on row */
tr.tsat-active-strip.borderorange,
tr.tsat-inactive-strip.borderorange,
tr.tsat-default-strip.borderorange,
tr.tsat-active-strip.borderorange-whitetext,
tr.tsat-inactive-strip.borderorange-whitetext,
tr.tsat-default-strip.borderorange-whitetext {
    outline: 1.5px solid #ffbe64 !important;
}

/* Mark emergency - white outline on row */
tr.tsat-active-strip.borderwhite-whitetext,
tr.tsat-inactive-strip.borderwhite-whitetext,
tr.tsat-default-strip.borderwhite-whitetext {
    outline: 1.5px solid #ffffff !important;
}

/* Mark yellow - outline on row */
tr.tsat-active-strip.borderyellow,
tr.tsat-inactive-strip.borderyellow,
tr.tsat-default-strip.borderyellow,
tr.tsat-active-strip.borderyellow-whitetext,
tr.tsat-inactive-strip.borderyellow-whitetext,
tr.tsat-default-strip.borderyellow-whitetext {
    outline: 1.5px solid #faff64 !important;
}

/* Mark pink - outline on row */
tr.tsat-active-strip.borderpink,
tr.tsat-inactive-strip.borderpink,
tr.tsat-default-strip.borderpink,
tr.tsat-active-strip.borderpink-orangetext,
tr.tsat-inactive-strip.borderpink-orangetext,
tr.tsat-default-strip.borderpink-orangetext {
    outline: 1.5px solid #ff5078 !important;
}

/* Mark black - outline on row */
tr.tsat-active-strip.borderblack-blacktext,
tr.tsat-inactive-strip.borderblack-blacktext,
tr.tsat-default-strip.borderblack-blacktext {
    outline: 1.5px solid #000000 !important;
}

/* ======================================================================================================================
   MARK WARNING - Preserve yellow warning highlight
   ====================================================================================================================== */

/* Warning on active strips - override active strip colors */
tr.tsat-active-strip.mark-warning td {
    background-color: #ffbe64 !important;
    color: #000000 !important;
}

/* Warning on inactive strips - override inactive strip colors */
tr.tsat-inactive-strip.mark-warning td {
    background-color: #ffbe64 !important;
    color: #000000 !important;
}

/* Warning on default strips */
tr.tsat-default-strip.mark-warning td {
    background-color: #ffbe64 !important;
    color: #000000 !important;
}

button.ubtn.color-green,
.ubtn.color-green {
    color: #96ff78 !important;
    background-color: transparent !important;
    border: none !important;
    font-weight: 600;
}