/** The validation dialog's report: one row per check. */

.vo-report__summary,
.vo-report__empty {
    font-size: var(--fs-base);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-normal);
    padding: var(--sp-6);
    border-radius: var(--r-sm);
}

.vo-report__summary[data-ok="true"],
.vo-report__empty {
    background: var(--ok-bg);
    color: var(--ok-fg);
}

.vo-report__summary[data-ok="false"] {
    background: var(--err-tag-bg);
    color: var(--err-fg);
}

.vo-report__empty {
    text-align: center;
}

.vo-report__toggle {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-4);
    font-size: var(--fs-md);
    color: var(--text);
    cursor: pointer;
    user-select: none;
}

.vo-report__scroll {
    overflow: auto;
    max-height: 60vh;
    border: var(--bw) solid var(--border-soft);
    border-radius: var(--r-sm);
}

.vo-report__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-md);
    line-height: var(--lh-normal);
}

.vo-report__table thead th {
    position: sticky;
    top: 0;
    background: var(--bg-section);
    color: var(--text-th);
    text-align: left;
    font-size: var(--fs-2xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-caps);
    font-weight: var(--fw-bold);
    padding: var(--sp-5) var(--sp-6);
    border-bottom: var(--bw) solid var(--border-soft);
}

.vo-report__table tbody td {
    padding: var(--sp-5) var(--sp-6);
    border-bottom: var(--bw) solid var(--border-row);
    vertical-align: top;
    color: var(--text);
}

.vo-report__table tbody tr:last-child td {
    border-bottom: none;
}

.vo-report__table tbody tr[data-status="fail"] td {
    background: var(--err-bg);
}

.vo-report__row--linked {
    cursor: pointer;
}

.vo-report__row--linked:hover td {
    filter: brightness(var(--dim-hover));
}

.vo-report__message {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--err-fg);
    margin-top: var(--sp-2);
}

@media (max-width: 768px) {
    .vo-report__scroll {
        max-height: 50vh;
        max-height: 50dvh;
    }

    .vo-report__table {
        font-size: var(--fs-sm);
    }

    .vo-report__table thead th,
    .vo-report__table tbody td {
        padding: var(--sp-4) var(--sp-5);
    }

    /* The rule a check failed is the long column; it wraps rather than
       widening the table. */
    .vo-report__table tbody td:nth-child(3) {
        word-break: break-word;
    }
}