.findings-thumb {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: 6px;
    border: 1px solid var(--color-base-200);
    background-color: var(--color-base-50);
}

.findings-row {
    cursor: pointer;
}

.findings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.findings-actions form {
    display: inline;
}

.findings-btn {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--color-base-200);
    color: var(--color-primary-600);
    background-color: var(--color-base-50);
}

.findings-btn:hover {
    background-color: var(--color-primary-50);
}

.findings-suspect {
    background-color: var(--color-red-50);
}

.findings-pager {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    font-size: 0.8125rem;
}

.findings-empty {
    padding: 3rem;
    text-align: center;
    color: var(--color-base-500);
}

/* ── Modo oscuro ── */
html.dark {
    .findings-thumb {
        border-color: var(--color-base-700);
        background-color: var(--color-base-800);
    }

    .findings-btn {
        border-color: var(--color-base-700);
        color: var(--color-primary-400);
        background-color: var(--color-base-800);

        &:hover {
            background-color: color-mix(in srgb, var(--color-primary-500) 25%, transparent);
        }
    }

    .findings-suspect {
        background-color: color-mix(in srgb, var(--color-red-500) 15%, transparent);
    }
}