/* Visuele status van ongedaan gemaakte acties in het wedstrijdverloop. */
.verloop-weergave tr.verloop-ongedaan {
    color: #5f666d;
    background-color: rgba(242, 68, 29, 0.09);
}

.verloop-weergave tr.verloop-ongedaan:hover {
    background-color: rgba(242, 68, 29, 0.15);
}

.verloop-weergave tr.verloop-correctie {
    background-color: rgba(240, 129, 38, 0.09);
}

.verloop-weergave tr.verloop-correctie:hover {
    background-color: rgba(240, 129, 38, 0.15);
}

.verloop-weergave .verloop-status-ongedaan,
.verloop-weergave .verloop-status-correctie {
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
}

.verloop-weergave .verloop-status-ongedaan {
    color: #8f1d12;
    background-color: #fff1ed;
    border: 1px solid #f2441d;
}

.verloop-weergave .verloop-status-correctie {
    color: #70410d;
    background-color: #fff7e8;
    border: 1px solid #f08126;
}

.verloop-weergave tr.verloop-ongedaan .verloopCorrection {
    text-decoration-line: line-through;
    text-decoration-color: #b42318;
    text-decoration-thickness: 2px;
    font-style: italic;
    opacity: 0.68;
}

.verloop-weergave tr.verloop-ongedaan .badge {
    opacity: 0.58;
}

/* text-decoration werkt niet op SVG: teken daarom een echte streep erboven. */
.verloop-weergave tr.verloop-ongedaan [dwf-foutcode] {
    position: relative;
    opacity: 0.66;
}

.verloop-weergave tr.verloop-ongedaan [dwf-foutcode]::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 4px;
    right: 4px;
    height: 2px;
    background-color: #f04438;
    transform: rotate(-8deg);
    transform-origin: center;
    pointer-events: none;
}