/* Result table special styling */
.result-table {
    width: 90%;
    overflow: hidden; /* Required to clip the column highlight */
    position: relative;
    border-collapse: collapse;
}

.result-table .standort-header {
    background-color: #0B123C;
    color: white;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #000;
}

.result-table td {
    border: 1px solid #000;
    position: relative; /* Anchor for progress bar AND column highlight */
    z-index: 0;
    cursor: default;
}

/* The ROW Highlight */
.result-table tbody tr:hover {
    background-color: #eee;
}

/* The COLUMN Highlight (The "Crosshair" Trick) */
.result-table td:hover::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05); /* Very subtle tint for the column */
    left: 0;
    right: 0;
    top: -5000px;   /* Huge height to cover all rows above */
    bottom: -5000px; /* Huge height to cover all rows below */
    z-index: -2;    /* Stays behind the progress bar and text */
    pointer-events: none;
}

/* The CELL Highlight (The intersection) */
.result-table td:hover {
    background-color: #ccc;/
}

/* Progress Bar - Standardize layout */
.result-table td .progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #C00000;
    width: var(--progress);
    z-index: -1; /* Behind the text */
    pointer-events: none;
}

/* Clean Text (No link effect) */
.result-table td .cell-text {
    position: relative;
    z-index: 2;
    cursor: pointer; /* Indicate interactivity */
    text-decoration: underline;
    color: #000;
}
/* Clean Text (No link effect) */
.result-table td .cell-text:hover {
    text-decoration: none;
}